javascript - Chrome 扩展程序将 onClicked 操作添加到子上下文菜单项

Question

我正在使用以下脚本通过 Chrome 扩展添加一个带有两个子菜单的上下文菜单。

chrome.contextMenus.create({
    id: "context1",
    title: "Do it!",
    contexts: ["all"]
});

chrome.contextMenus.create({
    id: "context2",
    title: "Do it too!",
    contexts: ["all"]
});

chrome.contextMenus.onClicked.addListener(function(info, tab) {
    if (tab) {
        var code = 'doit();';
        chrome.tabs.executeScript(tab.id, { code: code });
    }
});

我想知道如何使用chrome.contextMenus.onClicked.addListener让它们每个人执行不同的脚本？

这是我的 list 文件。

{
    "manifest_version": 2,
    "name":    "My Extension",
    "version": "0.1",
      "content_scripts": [ {
            "js": [ "jquery-3.3.1.min.js", "content.js"],
            "css": ["bootstrap.min.css"],
            "matches": [ "<Call_urls>" ]
         } ],
    "background": {
        "persistent": false,
        "scripts": ["ctx.js"] //<- The file for script above.
    },

    "permissions": [
        "contextMenus",
        "activeTab"
    ]
}

Answer 1

感谢 wOxxOm，我明白了。

chrome.contextMenus.create({
    id: "context1",
    title: "First",
    contexts: ["all"]
});

chrome.contextMenus.create({
    id: "context2",
    title: "Second",
    contexts: ["all"]
});

chrome.contextMenus.onClicked.addListener(function(info, tab) {
    if (tab) {
        if (info.menuItemId === "context1"){
            var code = 'alert("First Clicked");';
            chrome.tabs.executeScript(tab.id, { code: code });
        }
        if (info.menuItemId === "context2"){
            var code = 'alert("Second Clicked");';
            chrome.tabs.executeScript(tab.id, { code: code });
        }
    }
});

通过使用上面的脚本。您将针对所选的每个项目收到单独的警报。示例:如果您选择了Second 选项，您将收到Second Clicked 警报。