本文轉(zhuǎn)自： 亦楓的個人博客 讶迁，亦楓 同步推送微信公眾號：安卓筆記俠（NiaoTech）
原文鏈接: 利用 Chrome 開發(fā)者工具遠(yuǎn)程調(diào)試 Android 中的原生 WebView
PC 中的 Chrome 瀏覽器提供的開發(fā)者工具能夠幫助我們遠(yuǎn)程調(diào)試 Android 中的 WebView 加載的網(wǎng)頁。
Android 4.4 (KitKat) 開始吻贿，使用 Chrome 開發(fā)者工具可以幫助我們在原生 Android 應(yīng)用中遠(yuǎn)程調(diào)試 WebView 網(wǎng)頁內(nèi)容鳍怨。一起來看看怎么操作吧鹅髓。
第一步，設(shè)置 WebView 調(diào)試模式京景。WebView 類包含一個公共靜態(tài)方法，作為 Debug 開關(guān)：
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
WebView.setWebContentsDebuggingEnabled(true);
}
注意：這個方法兼容至 Android 4.4 及更高版本骗奖，并且只需設(shè)置一次确徙，便可應(yīng)用于項目中的所有 WebView，同時不受 Manifest 文件中 debuggable 屬性的影響执桌。
第二步鄙皇，確保 USB 連接的前提下，打開 PC 中的 Chrome 瀏覽器仰挣，輸入網(wǎng)址伴逸，打開頁面:
chrome://inspect
DevTools 頁面的 Devices 菜單頁自動顯示當(dāng)前連接的遠(yuǎn)程設(shè)備名和序列號，以及當(dāng)前原生 App 打開的 WebView 的網(wǎng)頁地址膘壶，如圖：
點擊對應(yīng)網(wǎng)頁下方的 inspect 選項便可以進(jìn)入開發(fā)者工具頁：
如圖所示错蝴，網(wǎng)頁顯示內(nèi)容和源代碼、控制臺等都可以看到颓芭，供安卓開發(fā)人員自由調(diào)試顷锰。
事實上，Chrome 開發(fā)者工具也是 H5 開發(fā)人員開發(fā)手機(jī)端網(wǎng)頁的調(diào)試?yán)鳌?/p>
打開 PC 中 Chrome 瀏覽器的開發(fā)者工具頁面：設(shè)置 -> 更多工具 -> 開發(fā)者工具亡问，或者直接在 Chrome 瀏覽器的任意網(wǎng)頁上右鍵選擇 檢查官紫。在開發(fā)者工具按照下圖方式中打開 Remote devices ：
同樣，確保 PC 通過 USB 連接手機(jī)設(shè)備的前提下州藕，檢查開啟 Remote devices 頁面左側(cè) Settings 菜單中的 Discover USB devices 選項：
打開手機(jī)的 Chrome 瀏覽器 App束世，在 Remote devices 中選擇對應(yīng)的手機(jī)設(shè)備，便可以看到當(dāng)前 Chrome App 的版本信息床玻，以及一個 URL 輸入框：
在此毁涉，我們可以輸入任意的 Url 地址，點擊 Open笨枯，便可同步打開手機(jī) Chrome 上的網(wǎng)頁薪丁，同時在 Remote devices 出現(xiàn)對應(yīng)的地址欄遇西，點擊即可進(jìn)入前面介紹 WebView 時所看到的類似調(diào)試頁。
更多有關(guān) Chrome DevTools 的細(xì)節(jié)严嗜，請參考鏈接：
Chrome DevTools for Mobile: Screencast and Emulation粱檀。
