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

一、安装及启用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 工具可进行页面元素的查看
发布了79 篇原创文章 · 获赞 14 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_38689232/article/details/98881330