本文轉自： 亦楓的個人博客 ，亦楓 同步推送微信公眾號：安卓筆記俠（NiaoTech）
原文鏈接: 利用 Chrome 開發者工具遠程調試 Android 中的原生 WebView
PC 中的 Chrome 瀏覽器提供的開發者工具能夠幫助我們遠程調試 Android 中的 WebView 加載的網頁。
Android 4.4 (KitKat) 開始，使用 Chrome 開發者工具可以幫助我們在原生 Android 應用中遠程調試 WebView 網頁內容。一起來看看怎么操作吧。
第一步，設置 WebView 調試模式。WebView 類包含一個公共靜態方法，作為 Debug 開關：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
注意：這個方法兼容至 Android 4.4 及更高版本，并且只需設置一次，便可應用于項目中的所有 WebView，同時不受 Manifest 文件中 debuggable 屬性的影響。
第二步，確保 USB 連接的前提下，打開 PC 中的 Chrome 瀏覽器，輸入網址，打開頁面:
chrome://inspect
DevTools 頁面的 Devices 菜單頁自動顯示當前連接的遠程設備名和序列號，以及當前原生 App 打開的 WebView 的網頁地址，如圖：
點擊對應網頁下方的 inspect 選項便可以進入開發者工具頁：
如圖所示，網頁顯示內容和源代碼、控制臺等都可以看到，供安卓開發人員自由調試。
事實上，Chrome 開發者工具也是 H5 開發人員開發手機端網頁的調試利器。
打開 PC 中 Chrome 瀏覽器的開發者工具頁面：設置 -> 更多工具 -> 開發者工具，或者直接在 Chrome 瀏覽器的任意網頁上右鍵選擇 檢查。在開發者工具按照下圖方式中打開 Remote devices ：
同樣，確保 PC 通過 USB 連接手機設備的前提下，檢查開啟 Remote devices 頁面左側 Settings 菜單中的 Discover USB devices 選項：
打開手機的 Chrome 瀏覽器 App，在 Remote devices 中選擇對應的手機設備，便可以看到當前 Chrome App 的版本信息，以及一個 URL 輸入框：
在此，我們可以輸入任意的 Url 地址，點擊 Open，便可同步打開手機 Chrome 上的網頁，同時在 Remote devices 出現對應的地址欄，點擊即可進入前面介紹 WebView 時所看到的類似調試頁。
更多有關 Chrome DevTools 的細節，請參考鏈接：
Chrome DevTools for Mobile: Screencast and Emulation。
