Firefox WebExtension-如何获取和修改跨域iframe的内容

Question

我想知道如何在Firefox WebExtension中访问和修改JavaScript中跨域iframe的内容。我理解普通JavaScript的局限性，也理解修改跨域iframe将是XSS漏洞，但我相信在我找不到的WebExtension中有某种方法可以做到这一点。我相信这是因为遗留扩展清单在权限部分中有允许跨域内容的选项。

当查看FireFox扩展的旧版本的旧代码时，似乎可以选择某些网站的跨域内容，如下所示。虽然对于新的FireFox WebExent，这不是留档中列出的功能。

"cross-domain-content": ["https://www.example.com"]

这是我的清单。json文件。

{
  "manifest_version": 2,
  "name": "Test Extension",
  "version": "1.0",
  "content_scripts": [
    {
      "matches": ["*://*/*"],
      "all_frames": true,
      "js": [
        "js/main.js"
      ]
    }
  ],
  "permissions": [
    "*://*/*",
    "<all_urls>",
  ]
}

这是我的main。js文件。

// Code is being run within an iframe ("all_frames": true)
if (window != window.top) {
  // Attempt to log the source of the parent iframe
  // If cross domain, met throws - Error: Permission denied to access property "frameElement"
  console.log(window.parent.frameElement.src);
}

正如您在主菜单中看到的那样。js文件，当尝试打印父iframe的源代码时，将抛出一个错误，如下所示。

错误：访问属性“frameElement”的权限被拒绝

我想知道如何允许FireFox WebExtension访问和修改跨域iframe的内容。我不确定这是不是因为没有在清单中写下正确的权限，或者我必须使用WebExtensionAPI或其他什么，我就是找不到任何关于这方面的信息。

此外，如果有人可以参考或提供一些以这种方式修改iframe内容的例子，我将不胜感激。




Answer 1

直接访问跨域内容是不可能的，或者至少应该是不可能的。虽然有一种方法可以绕过这个限制（我没有仔细研究），但这不是故意的，会被认为是一个bug。

与其他类型的Firefox扩展不同，WebExtensions被授予访问内容的权限，最多只能逐个域。这与您指定的无关

如果要访问该跨域内容，必须在iframe或顶层窗口中插入脚本，以便访问。如前所述，注入此类脚本/CSS的能力是由权限控制的一项功能。然后，您可以使用消息传递（从顶部帧/子帧中的内容脚本到顶部帧/子帧中的内容脚本，或通过后台脚本中继）在跨域帧中注入的脚本之间进行通信。

假设您已经将脚本注入