移動端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窗口、可以控制台_查看接口調用情況，網絡，檢查元素等。