嘿，我明白你遇到的困扰了！首先得澄清一个关键概念：Access-Control-Allow-Origin（CORS）是用来管控AJAX/fetch这类跨域HTTP请求的，和iframe的跨源窗口访问限制不是一回事。你已经绕过了iframe的嵌入限制（通过移除X-Frame-Options或Content-Security-Policy: frame-ancestors这类响应头），但现在遇到的是浏览器同源策略对跨域窗口脚本交互的拦截——这是另一个层面的限制，得用Chrome扩展的特权能力来解决。

下面是具体的解决方案，分步骤来：

核心思路：利用Chrome扩展的消息传递机制 #

因为Chrome扩展的content script、background script拥有跨域通信的特权，我们可以把它们作为中间层，在主页面和跨域iframe之间传递数据，而不是直接尝试访问iframe的contentWindow或DOM。

1. 配置扩展的Manifest权限 #

首先确保你的manifest.json包含必要的权限，让扩展能同时作用于主页面和目标iframe域名：

{
  "manifest_version": 3,
  "name": "跨域iframe内容访问工具",
  "version": "1.0",
  "permissions": ["activeTab", "scripting"],
  "content_scripts": [
    {
      "matches": ["*://你的主页面域名/*", "*://目标iframe域名/*"],
      "js": ["content-script.js"]
    }
  ]
}

注意替换你的主页面域名和目标iframe域名为实际地址，用通配符*适配子域名。

2. 编写Content Script实现消息通信 #

创建content-script.js，分别处理主页面和iframe的逻辑：

// 判断当前页面是主页面还是iframe
const isMainPage = window.top === window.self;

if (isMainPage) {
  // 主页面：发送消息请求iframe内容
  document.addEventListener('DOMContentLoaded', () => {
    const targetIframe = document.querySelector('iframe[src*="目标iframe域名"]');
    if (targetIframe) {
      // 等待iframe加载完成
      targetIframe.addEventListener('load', () => {
        chrome.runtime.sendMessage({ action: 'getIframeContent' }, (response) => {
          console.log('获取到的iframe内容:', response.content);
          // 在这里处理拿到的内容
        });
      });
    }
  });
} else {
  // iframe页面：监听消息，返回内容
  chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
    if (request.action === 'getIframeContent') {
      // 获取iframe的DOM内容，比如整个body的HTML
      const content = document.body.innerHTML;
      sendResponse({ content: content });
    }
  });
}

3. （可选）用Background Script转发消息 #

如果主页面和iframe的content script无法直接通信（比如跨域场景下），可以加个background script作为中转：

// manifest.json 新增background配置
"background": {
  "service_worker": "background.js"
}

然后background.js：

chrome.runtime.onMessage.addListener((request, sender, sendResponse) => {
  if (request.action === 'getIframeContent') {
    // 向所有匹配的iframe页面发送消息
    chrome.tabs.query({ active: true, currentWindow: true }, (tabs) => {
      chrome.tabs.sendMessage(tabs[0].id, { action: 'fetchIframeContent' }, (response) => {
        sendResponse(response);
      });
    });
    return true; // 保持消息通道打开，等待异步响应
  }
});

同时修改iframe侧的content script逻辑，监听fetchIframeContent指令并返回内容即可。

额外注意事项 #

• 确保你的扩展已经正确移除了目标页面的X-Frame-Options和CSP: frame-ancestors头（可以用chrome.webRequest API修改响应头），否则iframe根本无法嵌入，后续步骤都白搭。
• Chrome Manifest V3中，content script的注入规则更严格，要确保matches字段覆盖准确。
• 不要尝试直接访问iframe.contentWindow.document——这会被浏览器的同源策略直接拦截，即使是扩展也不行，必须通过消息传递。

希望这些步骤能帮你解决问题！如果还有细节卡壳，可以再补充具体场景~

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