微信浏览器内嵌H5如何调试

有些代码是必须依赖微信环境才能正常运行，而X5调试页面可以把我们在手机的操作页面，投屏到chrome浏览器里面，像我们常用的开发者工具操作可以查看console、network、缓存等。

官网地址：https://x5.tencent.com/tbs/guide/debug/faq.html

安卓调试：

1.在微信中打开http://debugx5.qq.com地址

如果打开提示不是x5内核，可以如下操作

1-1.在微信中输入：debugtbs.qq.com，点开会自动下载；

1-2.下载成功后出来tbs调试页，点击：“安装线上内核”按钮，安装完成后，再回去点击：debugx5.qq.com这个链接，就发现可以出来X5调试页面了。

 

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

3、打开手机开发者选项和USB调试工具

注意：华为手机在开启“USB调试”开关后，一并将仅充电模式下允许ADB调试开关打开，这样就不会自动关闭USB调试了

4、手机连接电脑并成功后，在chrome浏览器输入chrome://inspect/#devices，打开要调试的网页，就可以调试了

注意：弹出调试窗口（如果出现 HTTP/1.1 404 Not Found，因为chrome inspect需要加载 https://chrome-devtools-frontend.appspot.com 上的资源，被墙了，所以需要科学上网工具配合才行）