javascript - Chrome 扩展程序 - 特定页面上的上下文菜单

Question

我想知道是否可以仅在特定页面上显示以下上下文菜单项。

我认为它与 documentUrlPatterns 有关(在输入时可以看到 here)，但我不确定如何使用以下代码实现它:

---

list .json

{
    "name": "App Name",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Description",

    "permissions": [
        "contextMenus",
        "tabs"
     ],

    "background": {
        "scripts": ["script.js"]
    }
}

---

脚本.js

function getword(info,tab) {
    chrome.tabs.create({ 
        url: "http://www.google.com/search?q=" + info.selectionText,
    })
}

chrome.contextMenus.create({

    title: "Search: %s", 
    contexts:["selection"], 
    onclick: getword,

});

---

如果您能提供一个只能在您选择的特定站点(例如，Stack Overflow 的任何目录和 Google 的任何目录)上运行的演示，那就太好了。

附言。上面的代码允许用户在任何网站上进行选择，并提供一个按钮(在上下文菜单中)，该按钮将搜索用户在 http://www.google.com/search?q= 上选择的内容。 {选择}

Answer 1

我已经精简了您的代码以演示选择性上下文菜单选项显示。

list .json

{
    "name": "zambrey",
    "version": "1.0",
    "manifest_version": 2,
    "description": "Description",

    "permissions": [
        "contextMenus"
     ],

    "background": {
        "scripts": ["trial.js"]
    }
}

试用.js

var showForPages = ["https://www.google.com/","*://github.com/zambrey/*","http://www.nytimes.com/"];

chrome.contextMenus.create({
    "title": "zambrey",
    "documentUrlPatterns":showForPages
});

一定要查看http://developer.chrome.com/extensions/match_patterns.html有关 url 模式语法的更多详细信息。

另请参阅此 http://developer.chrome.com/extensions/examples/api/contextMenus/basic.zip更复杂上下文菜单的示例。