WebView渲染变更是否有对应事件及回调方法？

好问题！确实，onPageFinished只能处理初始页面加载完成或者页面跳转后加载完成的情况，对于AJAX动态更新DOM导致的页面渲染变更，它并不会被触发。下面分享几种实用的解决方案：

1. 通过注入JavaScript监听DOM变化（通用方案） #

浏览器原生提供了MutationObserver API，它可以精准监听DOM树的各种变化（比如节点增删、属性修改、文本内容变化等）。我们可以在WebView中注入这段JS逻辑，当DOM发生变更时，通过addJavascriptInterface回调到原生代码。

实现步骤： #

• 第一步：在原生代码中给WebView添加JS接口，用于接收DOM变更通知：

// Android 示例
webView.addJavascriptInterface(new Object() {
    @JavascriptInterface
    public void onDomChanged() {
        // 这里处理DOM变更后的逻辑
        Log.d("WebView", "页面DOM发生了变更");
    }
}, "AndroidBridge");

• 第二步：在WebView页面加载完成后（比如onPageFinished中），注入MutationObserver的JS代码：

webView.loadUrl("javascript:" +
    "const observer = new MutationObserver(() => {" +
    "    window.AndroidBridge.onDomChanged();" +
    "});" +
    "observer.observe(document.body, {" +
    "    childList: true," +
    "    subtree: true," +
    "    attributes: true," +
    "    characterData: true" +
    "});"
);

注意：MutationObserver的配置项可以根据你的需求调整，比如只监听某个特定节点，或者只监听特定类型的变化，避免不必要的回调。

2. 让网页主动通知原生（可控网页场景） #

如果网页是你自己开发的，或者你能协调前端同学配合，这是最可靠的方案：每次AJAX请求完成并更新DOM后，主动调用原生提供的JS接口。

比如前端代码中：

// 假设AJAX请求完成后更新了DOM
fetch('/api/data')
  .then(res => res.json())
  .then(data => {
      // 更新DOM逻辑
      document.getElementById('content').innerText = data.content;
      // 主动通知原生
      if (window.AndroidBridge) {
          window.AndroidBridge.onDomChanged();
      }
  });

这种方式没有监听的性能开销，而且能精准对应到你关心的渲染变更时机。

3. 利用WebView的加载事件做间接判断（备选方案） #

如果上面两种方案都无法实施，你可以尝试利用WebViewClient的onLoadResource或者shouldInterceptRequest方法——当AJAX请求加载资源时，这些方法会被触发。不过这种方法的局限性很大：

• 它只能感知资源加载，无法直接对应DOM是否真的发生了变更；
• 重复加载相同资源时也会触发，容易产生误判。

所以这个方案只适合一些简单场景，作为最后的备选。

内容的提问来源于stack exchange，提问作者Arya