【Tool】前端H5頁面Chrome調試

微信頁面調試

1. 打開開發者模式
   進入界面：設置->系統->關於手機
   多次點擊版本號。
2. 開啓USB調試
   進入界面：設置->系統->開發人員選項
   • 打開開發者選項
   • 打開USB調試
3. 打開inspect調試功能
   給【文件傳輸助手】發送消息： http://debugx5.qq.com
   打開鏈接，開啓【打開TBS內核Inspector調試功能】，如下圖所示。
   
4. 連接手機
   進入chrome瀏覽器，輸入網址並打開：
   chrome://inspect/#devices
   點擊下面的 inspect 鏈接即可進入DevTool。
   
   
5. 然後就可以調試頁面了

app內的H5調試

WebView要開啓DEBUG模式

private void enableWebContentsDebug() {
    if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
        boolean enable = preferences.getBoolean("enablewebcontentdebug", false);
        WebView.setWebContentsDebuggingEnabled(enable);
    }
}

其他步驟同【微信頁面調試】