javascript - 谷歌浏览器扩展，将选项卡添加到上下文菜单

Question

如何将另一个选项添加到通过右键单击图标扩展出现的上下文菜单？

我试试这个:

function addMenu(title) {
    chrome.contextMenus.create({
        title: title,
        contexts: ["all"],
        onclick: function() { console.log(1)}
    });
}

addMenu('Log out');

我收到一个错误:

运行 contextMenus.create 时未检查 runtime.lastError:使用事件页面的扩展必须将 id 参数传递给 chrome.contextMenus.create

谁遇到过这样的问题？你能帮忙吗？

Answer 1

如错误消息所述，您使用的是 event page因此必须向 chrome.contextMenus.create 提供一个 id 才能在 onClicked listener 中使用它:

chrome.contextMenus.create({
    id: "some-command",
    title: "some title",
    contexts: ["all"]
});

chrome.contextMenus.onClicked.addListener(function(info, tab) {
    if (info.menuItemId == "some-command") {
        console.log("yay!");
    }
});

这是因为事件页面在几秒钟不活动后会被卸载，因此无法使用内联回调。而 onClicked 监听器由 Chrome 跟踪，以便在需要时自动加载事件页面。