使用chrome開發者工具在原生安卓應用中調試WebView

大致流程如下：

• 在您的原生 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); }
}

參考鏈接：https://developer.android.com/reference/android/webkit/WebView.html#setWebContentsDebuggingEnabled(boolean)

操作流程

前提條件：預先安裝adb

1. 瀏覽器地址欄輸入：chrome://inspect
2. 手機使用數據線連接PC
3. 手機開啟開發者模式和USB調試
4. 命令行窗口輸入：adb devices
5. 連接成功，如圖

 

　　5.在手機設備上訪問App中內嵌H5頁面，如圖

 

　　6.點擊上圖"inspect"開始調試（以搜狐為例），如圖