向浏览器的上下文菜单添加选项(浏览器的扩展名)

时间:2012-11-24 23:17:51

标签: web google-chrome-extension firefox-addon

我想为我的浏览器编写一个扩展,它为选定单词引起的上下文菜单添加了一个选项。这就是我想要实现的目标:

我从网站上的文字中选择一个单词。 我点击鼠标右键。 我在上下文菜单中看到了另一个位置 当我单击鼠标左键时,所选单词将保存在我的磁盘上,其中一个在线翻译将打开该单词。

我更愿意在Chrome或Firefox上撰写。

我应该用哪种语言写作?我在哪里可以找到教程?这很难吗?一般来说,该怎么办? (我从未写过扩展名)

1 个答案:

答案 0 :(得分:2)

Chrome有API用于创建和操作上下文菜单。

我为Context Menu编写了一个示例扩展名(

  

为在所选单词

上引发的上下文菜单添加一个选项

)在Chrome中。

的manifest.json

{
  "name": "Context Menu Demo",
  "description": "This gives demo of context menu features",
  "version": "1",
  "permissions": ["contextMenus"],
  "background": {
    "scripts": ["sample.js"]
  },
  "manifest_version": 2,
  "icons":{"16":"screen.png","48":"screen.png","128":"screen.png"}
}

sample.js

function reportclick(info,tab){
    // Do all you need here when clicked
    console.log("item " + info.menuItemId + " was clicked");
}
var item2=chrome.contextMenus.create({"title":"Search for %s in Context Menu","id":"item2","onclick": reportclick,"contexts":["selection"]  },function (){
        // Do what all you need here when created
        console.log("Context Menu 2 Created");
});