移动开发者在微信webview上调试页面一直是件非常蛋疼的事情，简直是盲人捉象，业界没有一款能够满足可视化、可编辑、可断点的综合调试能力
- chrome模拟器
- weinre
- fiddler
- safari
| 方法 | 优点 | 缺点 |
| chrome模拟器 | 可视化、可编辑、可断点 | 非真机，与实际场景误差比较大 |
| weinre | 跨平台 | 无法调试js，且需额外引入调试js |
| fiddler | 远程代理到本地调试 | 没有断点、可视化 |
| safari | 调试ios上的app包裹的浏览器 | 不支持跨平台 |
在过去半年里，我们X5内核经过不断的迭代，逐步探索出一套适合我们业务前端开发的一套调试工具（x5 inspect），x5 inspect彻底解决在QB、微信、手Q场景的真机远程调试，做到可视化编辑、可断点、可打log的完整闭环调试
- 第一阶段：命令模式阶段，需要运行脚本，手工安装调试内核；
- 第二阶段：半自动化阶段，按步骤执行操作流程即可安装一套调试工具；
- 第三阶段：内核集成调试工具，开启开关即可使用。
-
下载tbs2.0调试包并解压得到apk（
http://res.imtt.qq.com/tbs_inspect/tbs_2.0_inspector_beta.zip），放在手机sdcard/tbs/com.tencent.mm目录下，打开微信访问debugtbs.qq.com，先点击“清除TBS内核”，再点击“安装本地TBS内核”即可；（blink版本全量上线以后此步骤省略） -
微信访问一个页面，手机USB连接电脑，打开chrome浏览器，输入chrome://inspect即可
-
微信访问页面如下图：
-
pc chrome浏览器访问chrome://inspect如下图：
-
点击inspect按钮访问效果如下图：
-
手机是否可以摆脱USB线的调试困扰
面临的问题：不在同一个局域网段，无法实现互访
-
调试面板能否离线增加定制化功能
面临的问题：如何能够实现与微信的模拟器调试面板融合
-
能否跨平台
面临的问题：ios微信没有接入x5内核
一套通用的跨平台集成调试工具集