微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

调试PC端微信内置浏览器（只支持3.2.1以下的）
（1）添加以下代码，查看chrome版本和内核安放位置

<html>
  <script type="text/javascript">
    window.open('chrome://version')
  </script>
</html>

（2）运行起来，在浏览器打开，复制链接到微信里打开
微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)
微信浏览器：

微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)
–resources-dir-path= 就是内核的位置
（3）打开，将 devtools_resources.pak（可以到网上搜一下 devtools_resources 或者进引用链接里文末下载）放进内核位置和wechat所在目录

引用：
调试微信 PC 端的内置浏览器界面

调试移动端的微信H5页面
(1) Android
a. 在微信中打开http://debugx5.qq.com，在【信息】Tab页面 - TBS settings 勾选【打开TBS内核Inspector调试功能】，【打开TBS内核X5jscore Inspector调试功能】。PS：没有tbs内核的手Q，第一次跳转到debugtbs.qq.com后点击“安装线上TBS内核”，等待下载和安装TBS内核，TBS内核安装成功后，点击确认重启再次进入Inspect中转页面。
b. 打开手机开发者选项和USB调试工具
c. 手机连接电脑并成功后，在chrome浏览器输入 chrome://inspect/#devices ，打开要调试的网页，就可以调试了, 点击想要调试页面下的inspect即可打开