Swift中如何获取WKWebView的真实内容尺寸？

1. 优化JS注入时机与逻辑 #

常规JS注入方案失效 often是时机不对或逻辑未覆盖动态内容：

• 不要仅在webView(_:didFinish:)中注入代码，异步加载的内容（懒加载、AJAX请求）会导致didFinish触发时内容未完全渲染。可改用监听WKNavigationDelegate的webView(_:didCommit:)，或在JS中监听DOMContentLoaded、window.onload，甚至元素的resize事件。
• 注入的JS需多维度获取尺寸取最大值，避免单值偏差：

  setTimeout(function() {
    var height = Math.max(
      document.body.scrollHeight,
      document.documentElement.scrollHeight,
      document.body.offsetHeight,
      document.documentElement.offsetHeight
    );
    window.webkit.messageHandlers.contentSizeHandler.postMessage(height);
  }, 0);
  

  加入setTimeout是为了让JS在当前渲染周期结束后执行，确保尺寸计算准确。

2. 监听scrollView内容变化 #

WKWebView的scrollView.contentSize理论对应内容尺寸，但可能因布局约束或WebKit内部机制不准，可通过KVO监听：

• 添加KVO监听：

  webView.scrollView.addObserver(self, forKeyPath: "contentSize", options: [.new], context: nil)
  

• 在回调中处理尺寸更新：

  override func observeValue(forKeyPath keyPath: String?, of object: Any?, change: [NSKeyValueChangeKey : Any]?, context: UnsafeMutableRawPointer?) {
    if keyPath == "contentSize", let newSize = change?[.newKey] as? CGSize {
      // 此处获取scrollView内容尺寸，建议和JS返回值交叉验证
    }
  }
  

  注意在页面销毁时移除KVO监听。

3. 适配动态内容加载场景 #

若页面存在下拉加载、点击加载更多等动态内容，单次获取尺寸必然失效：

• 在JS中用MutationObserver监听内容容器的变化，主动通知Native：

  var targetNode = document.getElementById("dynamic-container");
  var observer = new MutationObserver(function() {
    var height = Math.max(
      document.body.scrollHeight,
      document.documentElement.scrollHeight
    );
    window.webkit.messageHandlers.contentSizeHandler.postMessage(height);
  });
  observer.observe(targetNode, { childList: true, subtree: true });
  

• Native端注册对应消息处理器，接收最新尺寸。

4. 检查布局约束配置 #

尺寸不准可能源于WKWebView的布局约束错误：

• 确保WKWebView宽度固定（如与父视图宽度一致），Web内容宽度会直接影响高度计算，宽度不确定会导致WebKit用默认宽度渲染，获取的高度与实际显示不符。
• 不要给WKWebView设置固定高度约束，应让其根据内容自适应，或先设临时高度，拿到真实尺寸后再更新约束。

5. 强制触发内容重排 #

若以上方法均无效，可强制WebView重新计算尺寸：

• 调用webView.evaluateJavaScript("document.body.offsetHeight")，或临时修改WebView的frame（如调整宽度后复原）触发重渲染，再获取尺寸。
• 调用webView.scrollView.layoutIfNeeded()，确保scrollView布局已更新。

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