0x01 需要的工具
-
手机/模拟器(root权限)
-
google chrome浏览器
-
xposed
-
xposed插件:WebViewDebugHook( https://github.com/feix760/WebViewDebugHook/blob/master/app/release/app-release.apk )
0x02 具体步骤
1. 安装xposed框架+WebViewDebugHook模块
2. 激活WebViewDebugHook模块
3. 打开chrome浏览器,进行以下操作:
3.1 浏览器地址栏输入: chrome://inspect/#devices
可查看页面是否显示设备信息,若无设备信息,请确认以下情况:移动设备开启开发者模式、设备是否成功连接到PC。
3.1 手机上打开相关H5页面
在确认手机等设备连接正常的情况下(usb选项别选择到了仅充电模式),此时打开存在H5页面的app/小程序/公众号,chrome刚才打开的页面就能看到以下类似的选项:
3.2 开始进入调试界面
此时确认自己要调试的h5页面,点击对应的inspect,chrome将打开开发者调试工具,并加载对应H5页面的相关资源,如下:
接下来就是正常的进行js调试操作了。
备注
由于调试的时候 chrome会请求 https://chrome-devtools-frontend.appspot.com,在国内无法访问,会导致点击inspect时出现空白页/404,解决办法如下:
- 翻墙
- 参考:https://www.cnblogs.com/slmk/p/7591126.html (不需要翻墙)