Iframe如何访问chrome扩展中的父窗口

Question

我的chrome扩展文件夹中有一个页面iframe.html。我想把它显示在我当前的网页上。问题是，当我点击iframe中的一个按钮时，如何关闭iframe？我试过这样的代码：

window.parent.iframe.hide()

但它不能处理错误：

Unsafe JavaScript attempt to access frame with URL

但我清楚地阅读了evernote的源文件。它有一些类似的代码

window.parent.$readable.hide()

为什么evernote的扩展可以工作，但我的扩展显示出一些错误？这是我在宣言.json中应该做的事情吗？这是我的清单文件。

{
  "name": "Reader",
  "version": "1.0",
  "manifest_version": 2,
  "description": "A great start!",
  "browser_action": {
    "default_icon": "icon.png"
  },
  "background": {"scripts": ["background.js"]},
  "permissions": [
    "tabs", "<all_urls>"
  ],
  "web_accessible_resources": [
    "iframe/index.html"
  ]
}

Answer 1

我没有仔细研究Evernote，但有一种可能性：Evernote可能正在为它添加的<iframe>指定额外的权限属性。看看MDN对sandbox属性的描述：

属性的值可以是一个以空格分隔的令牌列表，这些令牌可以解除特定的限制。有效令牌为：

allow-same-origin：允许将内容视为与包含文档来自同一来源。如果不使用此关键字，则嵌入的内容将被视为来自唯一来源。

allow-scripts：允许嵌入式浏览上下文运行脚本（但不创建弹出窗口）。如果未使用此关键字，则不允许执行此操作。

因此，当您的内容脚本将iframe添加到页面时，请让它添加一个sandbox属性，该属性可以减少源代码和/或脚本限制。

<iframe src="chrome-extension://abcdefghijk/iframe/index.html" sandbox="allow-same-origin">

尝试添加不同的sandbox权限，看看是否能解决问题。我很有信心allow-same-origin和/或allow-scripts会解决这个问题。