小鲸鱼今天给大家讲讲通过网页端进行手机APP调试的操作流程
还记得是刚进公司那会,上面给的第一个任务就是,将写好的一只程序转成APP,转成功后,在手机上面运行APP的时候出现了错误,它只是停留在登入页面,没有任务错误讯息及提示,所以无法知道到底是哪里出现了错误,后来就用谷歌中的开发者模式进行调试,调试完之后也没多想,就慢慢的淡忘了这部分的操作流程,但是现在同事也碰到了类似的APP问题,但是不清楚如何通过网页端进行APP进行调试,所以小鲸鱼在这里面记录下网页调试手机APP的操作流程,也顺便回顾下整个流程
调试环境:
1.华为手机
2.谷歌浏览器
操作流程如下:
1.将我们的手机连接到PC端,然后会弹出如下三个连接选项,这里我们选择第二个“传输文件(MTP)模式”
2.开启手机里的开发者模式,点击“设置”—>“关于手机”—>点击一下“版本号”,即可开启成功
3.开启开发者模式之后,点击“系统和更新”—>“开发者人员选单”,进去之后开启“USB调试”,如下:
4.开启浏览器,F12进入Debug模式,点击右上角三点图标
5.选择“More tools”—>“Remote devices”,进入App调试界面
如果手机端所有状态都设置好之后,现在如下界面看到自己的手机型号,同时开启需要测试App:
6.点击手机型号后,会看到对应的App连接,然后点击“Inspect”,就可对App进行调试了
以上就是通过网页对手机App进行调试的所有过程