App內嵌H5頁面調試利器 chrome://inspect

來源:https://developers.google.com/web/tools/chrome-devtools/remote-debugging/webviews

個人測試相當好用,但是需要安卓開發人員對你要調試頁面的webview添加setWebContentsDebuggingEnabled。的調用,見下文加粗部分。這個一般都是測試包內用的,所以一般都是單獨加上給你來個測試包供你測試用的。不過相當好用。每次打開新的webview都會在頁面中生成一個新的inspect讓你點的,像下面這樣。


以下是原文。

遠程調試 WebView

By?Meggin?Kearney

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

最后編輯于
?著作權歸作者所有,轉載或內容合作請聯系作者
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發布,文章內容僅代表作者本人觀點,簡書系信息發布平臺,僅提供信息存儲服務。

推薦閱讀更多精彩內容