远程调试 WebView：用桌面 Chrome DevTools 调试 App 内嵌网页

开启设备端开关

Android 4.4+ 内置支持 WebView 远程调试，默认关闭，需要 App 自己在代码里打开：

// 放在 Application.onCreate 或 Activity.onCreate 里
WebView.setWebContentsDebuggingEnabled(true);

也可以放在 BuildConfig.DEBUG 判断里只在开发包开启：

if (BuildConfig.DEBUG) {
    WebView.setWebContentsDebuggingEnabled(true);
}

Android 16 开始，开发者选项 → WebView 开发者工具里有直接的开关，不需要改代码。

在 chrome://inspect 里点开设备，会列出所有当前可调试的 WebView 实例：

点击 "inspect" 就会弹出 Chrome DevTools 面板，和你调试网页完全一样的界面——Elements、Console、Sources、Network、Performance……

Console 里可以直接执行 JS，实时操作 WebView 里的 DOM：

document.title = "我改了标题";
document.body.style.backgroundColor = "red";

Application 标签页 → Storage → Local Storage → 选中 WebView 的 origin，就能看到它的完整持久化数据。

Network 标签页可以看 WebView 里发出的所有 HTTP 请求——包括 App 内嵌网页加载的第三方资源、JS 桥接的 fetch、甚至广告 SDK 的请求。

最顶部会显示当前 WebView 用的 Chromium 版本、V8 版本、User Agent——用来排查"是不是 WebView 版本问题"非常方便。

Google 还提供了一个独立的 WebView DevTools App，装在手机上可以不用连电脑直接看到：