Android Webview渲染位置和点击事件位置偏移问题排查

前言

使用 Chrome 远程调试 WebView

在 Android 代码中启用调试。

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

打开Webview所在的Activity页面。

用 USB 连接手机,在电脑 Chrome 浏览器访问:

1
chrome://inspect/#devices

找到你的 WebView 页面,点击 “inspect”,即可像调试普通网页一样查看 DOM、布局、事件绑定等。

注意

要等待一会才会加载出来APP的WebView页面。

如图

image-20251210173341986