使用浏览器inspect调试wx小程序
edge://inspect/#devices调试wx小程序
背景: 在开发混合项目的过程中,常常需要在app环境排查问题,接口可以使用fiddler等工具来抓包,但是js错误就不好抓包了,这里介绍一种调试工具-浏览器。
调试过程
-
首先电脑打开edge浏览器,地址栏中输入edge://inspect/#devices,界面如下图
![[图片]](https://i-blog.csdnimg.cn/direct/f69274828e96419d924d31e282614e73.png)
-
打开手机开发者模式,打开USB调试【仅在第一次】
![[图片]](https://i-blog.csdnimg.cn/direct/955e6df31cf047c4a23ef6c300acbc59.png)
-
使用usb数据线把电脑和手机连接起来,这时浏览器就会监听到app打开的html页面
![[图片]](https://i-blog.csdnimg.cn/direct/1a59b826959347fbb35ea731c78efb73.png)
-
用于启用腾讯X5内核的远程调试功能,http://debugxweb.qq.com/?inspector=true
![[图片]](https://i-blog.csdnimg.cn/direct/f1ac657fecba4936a9b22ab3da527023.png)
-
扫活动code,在步骤1打开的【edge://inspect/#devices】网页中等待片刻,出现活动code,点击inspect即可
![[图片]](https://i-blog.csdnimg.cn/direct/7832994854d74902862360ae2fff89ee.png)
![[图片]](https://i-blog.csdnimg.cn/direct/c2f20b04c98d4ded8a30851991cc9da3.png)
面对开发哥,畏畏缩缩,但是是真的学到东西了,这把高端局,以后是不是可以用这个代替fiddler、Charles了????
使用浏览器inspect调试app
【转载】edge://inspect/#devices调试
使用Chrome 浏览器调试移动端网页 chrome://inspect/#devices
Appium基础 — Chrome Inspect定位工具
