一、安装及启用X5内核
要强制微信使用 X5 内核,打开网页及小程序用 com.tencent.tbs.core.webkit.WebView,这样才能开启调试。
下面一些开启调试的指令,直接用手机微信访问下面的网站,开启调试模式,修改配置后记得重启微信:
http://debugx5.qq.com
http://debugtbs.qq.com
http://debugmm.qq.com/?forcex5=true
二、安卓手机通过USB连接至电脑
打开开发者模式,通过 ADB 和电脑建立调试链路。
三、打开小程序页面
由于之前配置使用了 X5 内核,微信会使用 com.tencent.tbs.core.webkit.WebView 组件打开小程序的 Webview,而不是标准的 android.webkit.WebView
四、在 Chrome 上调试
- 翻墙
- 杀死之前的手机进程,重启微信
- 在 Chrome 上输入网址:
chrome://inspect/devces#devices
看到标题里包含 VISIBLE 的就是当前打开的小程序页面,点击 inspect 看详情
PS:如何查看 WebView 的类型
通过安卓SDK tools 的 uiautomatorviewer.bat 工具可进行页面元素的查看