通过网页调试手机APP

小鲸鱼今天给大家讲讲通过网页端进行手机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进行调试的所有过程

我是小鲸鱼，一条努力向深海奔跑的小鲸鱼