調試Android WebView中的h5頁面，本人通常就是通過alert來定位問題，效率低且無法直接調試樣式或打斷點，可謂是事倍功半。本文介紹一下我在項目中使用的新方法，能夠通過chrome的開發工具在原生 Android 應用中調試 WebView。
前提條件：
Android4.4+
基本原理：
1.在APP中啓用 WebView 調試，開啓調試後，Chrome DevTools才能對WebView進行遠程調試；
WebView.setWebContentsDebuggingEnabled(true); 2.通過訪問chrome://inspect/#devices訪問已啓用調試的 WebView 列表；
3.調試Webview與遠程調試普通頁面相同，遠程調試普通頁面也就是在安卓手機中安裝Chrome瀏覽器，使用USB 連接 PC，然後在 PC 的 Chrome 瀏覽器中打開 chrome://inspect/#devices 即可。
使用場景
1.測試包
如果團隊中有Android開發人員能夠提供測試包，只要在測試包中開啓Webview的debug模式就可以了。
安裝完畢後，接下來就可以調試Webview了。
找到你準備調試的頁面，並且確保手機上的那個頁面也是處於激活狀態的的，然後點擊藍色的 inspect 鏈接，會彈出一個新的窗口；
另外還有兩個小Tips：
（1）訪問chrome://inspect/#devices如果chrome沒有檢測到Remote Target中的頁面，可能需要安裝一下chrome的ADB插件；
（2）對於騰訊系的APP，默認採用X5內核，需要將WebViewDebugHook的git目錄下的debug.conf文件拷貝到SD卡的根目錄下即可。