web - 向浏览器的上下文菜单添加一个选项（浏览器的扩展）

Question

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

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

我更喜欢在 Chrome 或 Firefox 上编写它。

我应该用哪种语言写它？我在哪里可以找到教程？很难做到吗？一般来说，该怎么做？（我从未写过扩展）

Answer 1

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

我为上下文菜单编写了一个示例扩展（

它为所选单词引起的上下文菜单添加了一个选项

) 在 Chrome 中。

清单.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"}
}

示例.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");
});