通过网页调试手机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进行调试的所有过程


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

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

友情链接更多精彩内容