移动端H5调试工具_chrome://inspect/#devices

一、使用目的

         在测试环境可以使用开发调试工具Vconsole，但在开发和预发环境查看H5报错信息不是很方便，为了提高H5bug定位的速度，推荐用chrome://inspect/#devices。

二、使用方法

1.  确保手机开启调试模式连接电脑、手机设置里、开发者模式，USB调试模式都处于开启状态

2.  已安装adb命令，电脑连接手机，在CMD终端窗口中，输入：adb devices  如下图已显示设备信息，即代表手机已成功连接电脑

3. 

4. 此时，在Chrome浏览器地址栏输入：chrome://inspect/#devices、如下图显示，可以看到我们自己已连接的手机设备，手机打开的H5链接。如果没显示，可以拔掉手机，重新链接下。

            

 

           5.在准备调试的H5链接下，点击Inspect按钮，打开DevToolsAPP窗口、可以控制台_查看接口调用情况，网络，检查元素等。