无法通过 chrome 扩展与 iFrame 交互

Question

我有一个包含 iFrame 的页面，它加载不同的网站，并希望能够与 iFrame 的内容进行交互（单击、聚焦、选择、输入值等）。

到目前为止，我可以检查 iFrame 是否已加载，但是一旦尝试执行简单的操作，例如在其中隐藏元素，则什么也没有发生。

manifest.json

{

  "manifest_version": 2,
  "name": "my Extension",
  "version": "0.1",

  "content_scripts" : [
    {
      "matches": [
        "http://*.myPage.com/*",
        "https://*.iframePage.com/*"
      ],
      "js": ["lib/jquery-2.1.4.min.js", "content.js"]
    }
  ]

}

content.js

console.log('Page Loaded');

var myFrame = $('iframe');

myFrame.ready(function() {
  console.log('Frame Loaded');
});

chrome 中也有一条警告说：

Uncaught SecurityError: Blocked a frame with origin "https://www.iframePage.com" from accessing a frame with origin "http://www.myPage.com".  The frame requesting access has a protocol of "https", the frame being accessed has a protocol of "http". Protocols must match.

不确定这是否与扩展问题有关。

Answer 1

这是一个跨域错误。

跨域问题与 iframe 之间的通信有关。你 始终可以嵌入任何 iframe，但如果来源不同，则 iframe 不能 互相交流。

您无法访问 iframe 的内容。

同源策略的基础是窗口可以在 仅当它们来自相同的上下文时 协议：//域：端口，

请参阅此SO Answer-ways to circumvent Cross Domain。