使用浏览器inspect调试app
2023-03-20 15:21:34 时间
使用浏览器inspect调试app
在开发混合项目的过程中,常常需要在app环境排查问题,接口可以使用fiddler等工具来抓包,但是js错误就不好抓包了,这里介绍一种调试工具-浏览器。
1.调试过程
先看实现步骤
-
首先电脑打开edge浏览器,地址栏中输入edge://inspect/#devices,界面如下图1
-
打开手机开发者模式,华为P30打开方式是,设置->关于手机->连续点击版本号,会有一个toast提示,切换成开发者模式,如下图示2
-
打开要调试的app,开启webview debug开关
-
使用usb数据线把电脑和手机连接起来,这时浏览器就会监听到app打开的html页面,如下图3
注意在REMOTE TARGET中出现了一个手机型号ELE-AL00,这个是我的华为P30手机。其次,下方出现了页面信息“webview in com.xxx.xxx”,是app的包名和版本号,上图中使用黑色笔记涂抹。再下面是调试的地址和两个按钮“inspect”,“pause”。
5. 点击“inspect”,就出现了熟悉的调试界面,如下图4
这个就是调试界面了,可以在手机上输入文字,点击按钮,这个调试界面也会跟着变化,在控制台下面就可以看到前段错误信息了。
2.Q&A
- 能不能用chrome来调试?
可以使用chrome调试,但是要FQ,使用edge可以不用FQ。 - 关于webview调试模式
这个要向Android&ios开发人员寻求帮助,要打一个支持web view调试的测试包。 - 可以调试微信公众号页面吗?
不能,不过可以调试手机浏览器打开的页面。部分h5网页需要微信认证登录,可以使用微信开发者工具来调试。
相关文章
- Flask中的请求上下文和应用上下文
- 腾讯入资东方金信数亿元,共建大数据生态体系
- 浅谈大数据开发工程师的两年工作经验总结
- 大数据应用案例:Dealer Tire通过大数据预测消费者何时需要轮胎
- 医疗大数据:如何实现商业化变现?
- 大数据分析建模及其应用建议
- 招聘行业大数据应用场景分析
- 大数据入门学习必读好书推荐,请收藏!
- 区块链与大数据的整合,未来必然趋势
- 如今的大数据究竟发展到了什么阶段
- InterSystems IRIS医疗版助力东华医为推动中国医疗行业数字化转型
- 大数据产业进入提质增效关键期
- 社交网络大数据的应用有多大的价值
- 大数据安全防护方法研究与建议
- InterSystems IRIS 数据平台通过AWS云应用商店认证
- 大数据在医疗行业中的5种应用
- 中国大地保险数据管理应用中心大数据应用平台案例分析
- 大数据在应急管理中的应用
- 大数据:产业链条将更为完备
- 2019年大数据发展将走向何方