WebView 遠端偵錯

使用 Chrome 開發人員工具為原生 Android 應用程式中的 WebView 偵錯。

在 Android 4.4 (KitKat) 以上版本,使用開發人員工具對原生 Android 中的 WebView 內容進行偵錯 應用程式。

摘要

  • 在原生 Android 應用程式中啟用 WebView 偵錯功能。在 Chrome 開發人員工具中為 WebView 偵錯。
  • 透過 chrome://inspect 存取已啟用偵錯的 WebView 清單。
  • 對 WebView 進行偵錯的方式與透過遠端偵錯對網頁偵錯相同。

設定 WebView 進行偵錯

必須在應用程式內啟用 WebView 偵錯功能。如要啟用 WebView 偵錯功能,請呼叫 使用 WebView 類別上的靜態方法 setWebContentsDebuggingEnabled

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    WebView.setWebContentsDebuggingEnabled(true);
}

這項設定適用於應用程式的所有 WebView。

提示:WebView 偵錯不會受到 debuggable 標記狀態影響 應用程式的資訊清單。如果只想在 debuggabletrue 時啟用 WebView 偵錯功能, 在執行階段測試旗標

if (Build.VERSION.SDK_INT >= Build.VERSION_CODES.KITKAT) {
    if (0 != (getApplicationInfo().flags & ApplicationInfo.FLAG_DEBUGGABLE))
    { WebView.setWebContentsDebuggingEnabled(true); }
}

在開發人員工具中開啟 WebView

「chrome://inspect」chrome://inspect頁面會列出裝置上已啟用偵錯的 WebView 清單。

如要開始偵錯,請在要偵錯的 WebView 下方按一下「檢查」。使用開發人員工具 。

檢查 WebView 中的元素

WebView 中列出的灰色圖形代表其大小和位置相對於裝置 。如果 WebView 已設定標題,也會列出標題。

疑難排解

chrome://inspect 頁面上找不到你的 WebView 嗎?

  • 確認應用程式已啟用 WebView 偵錯功能。
  • 在裝置上,開啟要偵錯的 WebView 應用程式。接著,請重新整理 chrome://inspect 頁面。