有些代码是必须依赖微信环境才能正常运行,而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 上的资源,被墙了,所以需要科学上网工具配合才行)