微信手机端调试工具-微信Web开发者工具使用教程

喜欢ヅ旅行 2021-09-14 17:58 591阅读 0赞

[https://mp.weixin.qq.com/wiki?t=resource/res\_main&id=mp1455784140][https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1455784140]

[http://blog.csdn.net/ktutu/article/details/70175979][http_blog.csdn.net_ktutu_article_details_70175979]

#### 微信手机端调试工具\[下载地址\] ####

([https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html][https_mp.weixin.qq.com_wiki_10_e5f772f4521da17fa0d7304f68b97d7e.html])   
进入后的页面   
![这里写图片描述][SouthEast]   
![这里写图片描述][SouthEast 1]

### 注意： ###

1.如果安装调试工具-微信Web开发者工具需要卸载以前安装过的微信Web开发者工具（比如小程序-微信Web开发者工具），建议使用腾讯管家之类的清理干净。

2.安装好后，选择移动调试，X5 Blink内核调试，先验证手机是否支持X5 Blink内核调试，如果不支持，找一台支持的手机。   
![这里写图片描述][SouthEast 2]   
3.翻墙，用usb线连接移动设备与本机，在手机设置里搜索usb调试，打开usb调试功能，用移动设备扫描以上二维码，勾选信息>TBS setting > 是否打开TBS内核 Inspector调试功能，点击开始调试。   
4.退出微信，从新登录打开微信端的网页后会出现下图（如果未出现，或空白则需要翻墙），点击inspect   
![这里写图片描述][SouthEast 3]   
5.现在进入了我们熟悉的chrome调试界面

![这里写图片描述][SouthEast 4]

[https_mp.weixin.qq.com_wiki_t_resource_res_main_id_mp1455784140]: https://mp.weixin.qq.com/wiki?t=resource/res_main&id=mp1455784140
[http_blog.csdn.net_ktutu_article_details_70175979]: http://blog.csdn.net/ktutu/article/details/70175979
[https_mp.weixin.qq.com_wiki_10_e5f772f4521da17fa0d7304f68b97d7e.html]: https://mp.weixin.qq.com/wiki/10/e5f772f4521da17fa0d7304f68b97d7e.html
[SouthEast]: /images/20210527/4268aefae8ed4af9af98378aa074a356.png
[SouthEast 1]: /images/20210527/f336160fd9bc450ca807049808a0de48.png
[SouthEast 2]: /images/20210527/bfd2d58c9f9648f79ba9460d4f9e06fb.png
[SouthEast 3]: /images/20210527/36933e12d7f0430380ce95ed567bc0f5.png
[SouthEast 4]: /images/20210527/508c3a41f4b44522ab52fbb9e36ab1b6.png