如何在macOS的WKWebView中获取跨域iframe的HTML内容？

Hey there! 看起来你已经离解决问题很近了——作为原生macOS应用，确实有办法绕过纯JS的跨域限制来获取iframe的HTML内容。我来帮你把思路落地，分享两个可行的方案：

方法一：注入全局脚本并传递唯一帧标识（最直接） #

这个方案通过向所有帧（包括iframe）注入脚本，让每个帧主动把自己的HTML和唯一标识发送给原生代码。核心是解决“不知道消息来自哪个帧”的问题：我们让每个帧计算自己在整个帧层级中的路径（比如0代表主帧的第一个子iframe，0.1代表第一个子iframe里的第二个嵌套帧），这样就能精准映射到DOM中的对应元素。

步骤1：创建并注入全局脚本 #

// 1. 定义要注入的JS代码：计算帧路径并发送HTML
let iframeScriptSource = """
function getFrameHierarchyPath() {
  let path = [];
  let currentWindow = window;
  // 向上遍历父帧，构建层级路径
  while (currentWindow !== currentWindow.top) {
    const parent = currentWindow.parent;
    const frameIndex = Array.from(parent.frames).indexOf(currentWindow);
    path.unshift(frameIndex.toString());
    currentWindow = parent;
  }
  return path.join('.');
}

// 发送HTML、帧路径和是否为主帧的标识
const htmlContent = document.documentElement.outerHTML.toString();
const framePath = getFrameHierarchyPath();
window.webkit.messageHandlers.htmlContent.postMessage({
  html: htmlContent,
  framePath: framePath,
  isMainFrame: window === window.top
});
"""

// 2. 创建用户脚本：注入到所有帧，等待DOM加载完成后执行
let iframeUserScript = WKUserScript(
  source: iframeScriptSource,
  injectionTime: .atDocumentEnd,
  forMainFrameOnly: false
)

// 3. 配置WebView并添加脚本
let webConfig = WKWebViewConfiguration()
webConfig.userContentController.addUserScript(iframeUserScript)
// 注册消息处理器，接收来自帧的消息
webConfig.userContentController.add(self, name: "htmlContent")

// 4. 初始化WebView
let webView = WKWebView(frame: .zero, configuration: webConfig)

步骤2：处理消息并映射到对应帧 #

实现WKScriptMessageHandler协议，接收所有帧的消息，通过帧路径找到DOM中对应的iframe元素：

extension YourViewController: WKScriptMessageHandler {
  // 存储帧信息，方便后续在指定帧执行JS
  var frameInfoMap: [String: WKFrameInfo] = [:]

  func userContentController(_ userContentController: WKUserContentController, didReceive message: WKScriptMessage) {
    guard let messageData = message.body as? [String: Any] else { return }
    
    let html = messageData["html"] as? String ?? ""
    let framePath = messageData["framePath"] as? String ?? ""
    let isMainFrame = messageData["isMainFrame"] as? Bool ?? false

    // 处理主帧HTML
    if isMainFrame {
      print("主帧HTML：\(html)")
      return
    }

    // 存储当前帧的WKFrameInfo，供后续使用
    frameInfoMap[framePath] = message.frameInfo
    print("子帧路径[\(framePath)]的HTML：\(html)")

    // 可选：根据帧路径找到DOM中对应的iframe元素
    webView.evaluateJavaScript("""
      function getIframeByPath(path) {
        const pathParts = path.split('.').map(Number);
        let current = window;
        let lastIndex;
        for (lastIndex of pathParts) {
          current = current.frames[lastIndex];
          if (!current) return null;
        }
        return current.parent.document.querySelectorAll('iframe')[lastIndex];
      }
      getIframeByPath('\(framePath)');
    """) { result, _ in
      if result != nil {
        print("找到对应的iframe元素！")
      }
    }
  }
}

方法二：使用WKFrameInfo在指定帧执行JS #

你提到的WKWebView.evaluateJavaScript重载方法确实可以在指定帧的上下文执行JS，关键是如何获取目标iframe的WKFrameInfo实例。其实我们可以通过方法一中的消息处理器收集所有帧的WKFrameInfo，之后就能直接用它来执行JS：

// 比如，我们要在路径为"0"的iframe中重新获取HTML
guard let targetFrame = frameInfoMap["0"] else { return }

webView.evaluateJavaScript(
  "document.documentElement.outerHTML.toString()",
  in: targetFrame,
  contentWorld: .page,
  completionHandler: { result, error in
    if let iframeHtml = result as? String {
      print("通过指定帧获取的HTML：\(iframeHtml)")
    }
  }
)

关键注意事项 #

1. 跨域限制说明: 虽然是原生应用，但跨域限制依然存在，但我们的脚本是运行在帧自身的上下文中，所以可以合法访问自身的DOM内容，这是符合浏览器安全规则的。
2. 嵌套帧支持: 帧路径方案支持多层嵌套iframe，路径格式类似0.1.2，能精准定位任意层级的子帧。
3. 动态帧处理: 如果页面有动态添加/移除的iframe，需要监听导航事件或重新注入脚本，确保不会遗漏新帧的信息。

内容来源于stack exchange