zoukankan      html  css  js  c++  java
  • uniapp爬坑之旅_开发一个自己的app_day01_手机调试环境

    一、今日的进展

    PS:以下内容说的是H5端的真机调试环境,app端的会在文末给出

    1.知道了uni-app应该如何调试手机端的应用,但仍有一些问题

        还是要依赖浏览器,不过是Chrome浏览器,需要在手机端和电脑端配置一个版本相同的Chrome浏览器,通过USB数据线将两台设备相连,再在Chrome地址栏输入chrome://inspect/#devices,来访问手机端,这样子移动端的网页可以在pc端同步,这样一来进行异常调试或者网页效果预览,会顺利很多,遇到的问题会在" 遇到的问题 "里详细说明

    2.写了add.vue界面的框架(样式还没加上去)

    二、遇到的问题

    1.手机调试环境404报错


        网络上的解决方法是:

        配置PC端和移动端Chrome版本一致,原本以为只是chrome://vension查看版本号,然后下载个软件的事,没想到问题却层出不穷,先是百度下载下来的apk文件,手机端都安装失败了(或许是兼容问题,vivo应用商店、tx应用宝等下载的Chrome可以正常使用,但是版本太旧,找不到对应的PC资源),其次Chrome版本编号有点迷,移动设备v78.0.3904.96版本,在网上搜索对应PC版却只有v78.0.3904.97的,想着只隔了一个小小的0.0.0.1版本,兴许能用,但是兴冲冲地跑去测试过后依旧404报错,这让我有一点怀疑,到底是版本号隔了一小代就没法互通,还是404报错另有原因,只能明天再继续尝试了

    三、明天的计划

    1.完成add.vue的样式

    2.创建码云仓库,先把目前代码放上去

    3.继续解决手机调试环境的问题,不进行调试后面代码开发无从谈起,如果能解决,我会写一篇专门讲调试环境配置的博客,或许可以帮助其他人

    补充:app端真机调试环境步骤:

    1. 准备一个真机(以Android为例),在手机设置——更多设置——开发者选项中,开启开发者选项、USB调试,我的是vivo手机,如果有其他机型可能还要开启“允许USB安装应用”、“允许USB验证应用”

    2. 用数据线将手机连接至电脑,并且在手机里设置USB连接方式为“管理文件”(部分机型可能是“传输文件”)

    3. 电脑上用管理员身份打开HX,选择运行——运行到手机或模拟器,这时候一般可以看到设备信息,直接点击就好(借用一下别人的图,自己的界面截不到设备信息)

    4. 如果显示“未检测到手机或模拟器,请重新尝试”,那么可以参考下面这篇博客,里面说得比较清楚:

    解决:HBuilder X 未检测到手机或模拟器

    5. 随后HX会在你手机上安装一个HBuilder调试软件,配合安装即可,安装完成后在该软件里即可真机调试程序

  • 相关阅读:
    Windows Server2016环境中安装Oracle12c数据库
    centos7 安装Oracle19C 数据库
    centos7 磁盘分区以及磁盘挂载
    PHP日常开发技巧散记
    代码压缩工具 webpack安装与入门使用【初级】
    程序员修炼之道系列 | 使用曳光弹找到目标
    程序员修炼之道系列 | 不要冲出前灯范围
    程序员修炼之道系列 | 敏捷估算
    程序员修炼之道系列 | “豆腐渣“工程竟然也能做原型
    官宣!禅道与极狐(GitLab)达成深度合作,携手推进开源开放DevOps生态
  • 原文地址:https://www.cnblogs.com/huangch/p/14269659.html
Copyright © 2011-2022 走看看