使用Chrome调试微信内置浏览器

微信现在采用的X5内核基于Chrome，我们可以通过Chrome调试微信内置浏览器。
在开始之前，需要准备一台带有Chrome浏览器的电脑，PC和Mac均可，然后需要一部安装有微信的Android手机，以及一条USB数据线，用于USB调试
然后，参考Google提供的官方文档。

https://developers.google.com/web/tools/chrome-devtools/remote-debugging/?hl=zh-cn

Google的文档中的方法适用于Chrome和Android上的Chrome连接进行调试，但是微信内置浏览器却不天然支持它。为了调试微信内置浏览器上的网页，我们还需要对微信做下配置。
在微信中任意的聊天窗口内，粘贴上网址：http://debugx5.qq.com
然后点击访问它，会打开一个配置页面。
在配置页面中，找到“信息”标签页，并勾选上它的”打开TBS内核Inspector调试功能”，然后就可以当成是 Android上的Chrome进行调试了。
其余的步骤都和Google官方文档中所写的相同。

参考：

https://medium.com/@banyudu/%E4%BD%BF%E7%94%A8chrome%E8%B0%83%E8%AF%95%E5%BE%AE%E4%BF%A1%E5%86%85%E7%BD%AE%E6%B5%8F%E8%A7%88%E5%99%A8-ecd011fc76a9

使用Chrome调试微信内置浏览器相关推荐

微信调试--微信内置浏览器为什么对pharser.js支持这么差？？？
微信内置浏览器对于html5的支持如何? 是否可以等同于webkit内核的浏览器?CSS3动画的支持程度怎么样? 添加评论分享按投票排序按时间排序 31 个回答 28赞同反对,不会显示你的姓名 ...
如何调试微信内置浏览器应用（企业号、公众号、订阅号）
文章目录前言一.步骤 1.下载devtools_resources.pak 2.微信开启步骤 3.企业微信开启步骤参考文章前言微信企业号应用,微信默认是没有开启调试模式的,线上环境出了问题, ...
mac使用Chrome模拟微信内置浏览器
1.打开Chrome,右键检查(F12)打开开发者工具,操作步骤:菜单==>More Tools==>Network condition打开配置窗口,如图所示: 2.User agent默 ...
使用chrome模拟微信内置浏览器
打开chrome浏览器 F12->菜单栏->Settings->Devices->Add custom device-> device name : weixin Use ...
chrome设置微信ua_Chrome谷歌浏览器模拟微信内置浏览器的方法(电脑上)
在微信里打开网页链接都会调用微信内置的浏览器,这种情况下是不太容易调试的的,那么有没有办法让谷歌浏览器模拟微信浏览器呢?下面小编分享的方法可以让Chrome谷歌浏览器模拟微信内置浏览器方便大家调试. ...
微信内置浏览器调试和调试微信内的H5页面汇总（持续更新...)
调试PC端微信内置浏览器(只支持3.2.1以下的) (1)添加以下代码, 查看chrome版本和内核安放位置 <html><script type="text/javasc ...
调试那些事儿之PC端微信内置浏览器
一.前言为什么要调试 PC 端微信内置浏览器呢?个人觉得原因可能如下: 1.用户在电脑上的微信内置浏览器打开网页,遇到了问题,开发就需要去排查问题 2.查看公众号网页的代码比较难查看,也不方便调试, ...
chrome设置微信ua_Chrome谷歌浏览器在电脑上模拟微信内置浏览器的方法
很多时候,我们在微信里打开链接,就是调用微信的内置浏览器,这个时候调试是很麻烦的,我们可以用谷歌浏览器模拟微信内置浏览器来做一些调试,就很方便了! 先了解安卓微信和Ios微信的UA(User agen ...
PC端微信内置浏览器调试
PC端微信内置浏览器打开调试(微信必须3.2.1及以下) 使用http-server运行以下代码,使用微信打开地址链接 <html><script type="text/j ...

使用Chrome调试微信内置浏览器

参考：

使用Chrome调试微信内置浏览器相关推荐

最新文章

热门文章