如何使用浏览器调试微信页面

一、设置微信

1. 打开微信，输入网址 ** http://debugx5.qq.com ** 进入X5调试页面；（或者扫描二维码进入）

2. 在【信息】页面中，勾选【打开TBS内核Inspector调试功能】选项

二、开启USB调试

** 1 ** 打开手机【设置】-【开发者模式】-【USB调试】，这时插上电脑会提示密钥指纹认证，点击确认就行了（如果一直没有弹出密钥指纹认证，可以安装PC应用宝，让手机成功连接adb后再卸载）

** 2 ** 可以打开【控制面板】-【设备管理器】中检查手机是否成功连接

三、使用Chrome调试

** 1. ** 在Chrome浏览器地址栏输入chrome://inspect/#devices，手机同时打开需要调试的页面，则在Devices下会显示对于的调试页面

** 2. ** 点击inspect，就可以实时调试了(打开后白屏的话，可能需要刷新一下才行)

四、使用TBS Studio调试

TBS Studio是面向基于TBS的Web开发者和移动应用开发商（包括微信、手Q，三方App等）打造的开发服务整体解决方案，以提升广大开发者在真机环境下的开发效率，并帮助开发者分析和优化网页的设计，主要功能有网页Inspector调试，网页性能分析等

** 1. ** 下载TBS Studio，并安装

** 2. ** 打开TBS Studio，点击启动检测

** 3. ** 启动调试，并选择需要调试的页面

** 4. ** 点击inspect，就可以实时调试了(打开后白屏的话，可能需要刷新一下才行)

最后

是不是感觉很简单呢？觉得有用的话就分享下吧～