查看微信小程序网页源代码

一、安装及启用X5内核

要强制微信使用 X5 内核，打开网页及小程序用 com.tencent.tbs.core.webkit.WebView，这样才能开启调试。
1

下面一些开启调试的指令，直接用手机微信访问下面的网站，开启调试模式，修改配置后记得重启微信：

http://debugx5.qq.com
http://debugtbs.qq.com
http://debugmm.qq.com/?forcex5=true
1
2
3

二、安卓手机通过USB连接至电脑

打开开发者模式，通过 ADB 和电脑建立调试链路。
1

三、打开小程序页面

由于之前配置使用了 X5 内核，微信会使用 com.tencent.tbs.core.webkit.WebView 组件打开小程序的 Webview，而不是标准的 android.webkit.WebView 
1

四、在 Chrome 上调试

• 翻墙
• 杀死之前的手机进程，重启微信
• 在 Chrome 上输入网址：

chrome://inspect/devces#devices
1

看到标题里包含 VISIBLE 的就是当前打开的小程序页面，点击 inspect 看详情
1

PS：如何查看 WebView 的类型

通过安卓SDK tools 的 uiautomatorviewer.bat 工具可进行页面元素的查看
1