如何过滤附加 SDK 扩展中的 iframe？

Question

主要问题是我的扩展正在加载到目标网页上的每个 iframe 中。它还放置了出现在 iframe 内的按钮。我想让他们消失。窗口和文档对象显示为父级的窗口和文档对象。因此，无法检查文档位置，因为它显示的是父级的位置而不是 iframe 的位置。

Answer 1

您可以编写一个使用 @noframes 元数据标头键的用户脚本，并将用户脚本包含到您的 Jetpack 中：此插件 SDK 的用户脚本包。

编写用户脚本也比编写页面 Mod 容易得多。

Answer 2

编辑：现在（附加 SDK 版本 1.11 已发布）pagemod 支持您正在寻找的内容。 参见文档和新的attachTo选项。

以下信息已过时（如果您针对 Add-on SDK 1.10 或上一篇：

不幸的是，pagemod 将脚本注入到页面的所有框架中，而不是像使用 Chrome 的内容脚本那样在顶部框架中每个页面注入一次。 但是，如果您确实想在每个页面的顶部框架上注入一次脚本

，您必须使用选项卡<。使用此解决方案，您的脚本仅在有时才会被注入。下面

我提供了从 pagemod 移植到 tabs 的示例，使所有消息接收系统都可以轻松修改。如果您不仅需要接收消息，还需要使用相同的 port 对象发送消息。当我们位于 youtube.com 域中时，脚本就会被注入：

旧 pagemod 方式：

var self = require("self");
var pagemod = require("page-mod");

pagemod.PageMod(
{
    include: "*.youtube.com",
    contentScriptFile: self.data.url("myContentScript.js"),
    onAttach: function(worker)
    {
        worker.port.on("myMessageId", function(payload)
        {
            console.log("Message received: " + payload);
        });
    }
});

新标签方式：

var self = require("self");
var tabs = require("tabs");

tabs.on("ready", function(tab)
{
    if (tab != undefined && tab.url != undefined && tab.url.split("/")[2] != undefined)
    {
        var domain = "youtube.com";
        var host = tab.url.split("/")[2];
        if (host == domain || host.substr(host.length - domain.length - 1) == "." + domain)
        {
            var worker = tab.attach({ contentScriptFile: self.data.url("myContentScript.js") });
            worker.port.on("myMessageId", function(payload)
            {
                console.log("Message received: " + payload);
            });
        }
    }
});

Answer 3

一种解决方法是在内容脚本中添加类似的内容：

   if (window.frameElement === null){
     // I'm in the topmost window
     // Add buttons and things to the page.
   }else{
     // I'm in an iFrame... do nothing!
   }

内容脚本仍将添加到每个页面，但这是对 iFrame 的相对简单且轻量级的检查。