带有附加 SDK 的 Firefox 中的自定义上下文菜单？

Question

我希望向 firefox 上下文菜单添加一个菜单项，该菜单项仅在用户右键单击特定 url 时才会显示。我有一个测试网址的功能。我曾经通过订阅“popupshowing”事件来做到这一点，并且：

var item = document.getElementById("custom-menu-id");
if (item) // show only for specific links
    item.hidden = gContextMenu.onLink && acceptableURL(gContextMenu.linkURL);

我现在正在尝试使用 Add-on SDK，但在那里我无法再访问 gContextMenu。文档中的这个片段对我不起作用：

var cm = require("sdk/context-menu");
cm.Item({
    label: "Copy name to clipboard",
    context: cm.URLContext("http://scholar.google*"), 
    contentScript: 'self.on("context", function(node) {return true; });'
});

在这里，我认为应该可以得到类似 node.URL 的东西并进行测试，但它不起作用。也许有人可以建议如何从 sdk 访问 gContextMenu 或如何从节点或其他东西获取 URL。

Answer 1

此代码应仅在右键单击指向stackoverflow.com 的链接时显示菜单项：

在你的主模块main.js 中：

exports.main = function() {
    require("sdk/context-menu").Item({
        label: "stack overflow link",
        context:  require("sdk/context-menu").SelectorContext("a[href]"), 
        contentScriptFile: require("sdk/self").data.url("check-node.js"),
        onMessage: function(msg){},
    });
};

在您的内容脚本（或内容脚本文件；在本例中为check-node.js）：

self.on("click",function(node,data){
    self.postMessage("click");
});
self.on("context", function(node){
    if(node.href && node.href.match(/^https?:\/\/(\w+\.)*stackoverflow\.com(\/.*)?$/))return true;  //show in context menu if return value is true.
});

回复：您的示例代码。您URLContext可以确定您的菜单项显示在哪些页面上，并且此代码段self.on("context", function(node) {return true; });使菜单项始终在URLContext满足条件时显示。使用SelectorContext来代替。并如上所示测试 node.href，仅当您希望菜单项显示时才返回 true。