來源:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews
個人測試相當好用,但是需要安卓開發人員對你要調試頁面的webview添加setWebContentsDebuggingEnabled。的調用,見下文加粗部分。這個一般都是測試包內用的,所以一般都是單獨加上給你來個測試包供你測試用的。不過相當好用。每次打開新的webview都會在頁面中生成一個新的inspect讓你點的,像下面這樣。
以下是原文。
遠程調試 WebView
Meggin is a Tech Writer
使用 Chrome 開發者工具在您的原生 Android 應用中調試 WebView。
在 Android 4.4 (KitKat) 或更高版本中,使用 DevTools 可以在原生 Android 應用中調試 WebView 內容。
TL;DR
在您的原生 Android 應用中啟用 WebView 調試;在 Chrome DevTools 中調試 WebView。
通過?chrome://inspect?訪問已啟用調試的 WebView 列表。
調試 WebView 與通過遠程調試調試網頁相同。
配置 WebViews 進行調試
必須從您的應用中啟用 WebView 調試。要啟用 WebView 調試,請在 WebView 類上調用靜態方法?setWebContentsDebuggingEnabled。
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {WebView.setWebContentsDebuggingEnabled(true);}
此設置適用于應用的所有 WebView。
提示:WebView 調試不會受應用清單中?debuggable?標志的狀態的影響。如果您希望僅在?debuggable?為?true?時啟用 WebView 調試,請在運行時測試標志。
if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE)){ WebView.setWebContentsDebuggingEnabled(true); }}
在 DevTools 中打開 WebView
chrome://inspect?頁面將顯示您的設備上已啟用調試的 WebView 列表。
要開始調試,請點擊您想要調試的 WebView 下方的?inspect。像使用遠程瀏覽器標簽一樣使用 DevTools。
與 WebView 一起列示的灰色圖形表示 WebView 的大小和相對于設備屏幕的位置。如果您的 WebView 已設置標題,標題也會一起顯示。
故障排除
在?chrome://inspect page?上無法看到您的 WebView?
驗證已為您的應用啟用 WebView 調試。
在設備上,打開應用以及您想要調試的 WebView。然后,刷新?chrome://inspect?頁面。
Except as otherwise noted, the content of this page is licensed under the?Creative Commons Attribution 3.0 License, and code samples are licensed under the?Apache 2.0 License. For details, see our?Site Policies. Java is a registered trademark of Oracle and/or its affiliates.
上次更新日期:七月 17, 2018
發現這么一篇,相互補充吧。http://www.lxweimin.com/p/0797949275ee