Chrome 扩展：单击某些 HTML 元素时向右键菜单添加选项答案

【问题标题】：Chrome extension: add option to right click menu when clicking certain HTML elementChrome 扩展：单击某些 HTML 元素时向右键菜单添加选项
【发布时间】：2012-07-13 01:22:10
【问题描述】：

我想创建一个 Chrome 扩展程序，当用户右键单击某个 HTML 元素（例如具有已知 ID 的 DIV）时，它会在右键菜单中添加一个选项。

当用户右键单击 Twitter.com 上的推文时，我会使用它来添加一个选项，并且该选项将调用 REST 服务。

这是否可以通过常规 Chrome 扩展程序实现？

【问题讨论】：

我认为这是不可能的，但是您可以在单击时根据单击的元素创建和删除项目，如此处所述stackoverflow.com/questions/4730843/…

标签： google-chrome-extension right-click

【解决方案1】：

是的，这些被称为上下文菜单。你可以在这里找到这些文档：https://developer.chrome.com/extensions/contextMenus

【讨论】：

我之前发布了同样的内容，然后删除了，因为我意识到他实际上想将自定义 HTML 添加到上下文菜单中，我认为这是不可能的。
我认为这不是一个完整的答案，因为您链接到的文档不够清晰。例如，我们应该将哪些参数传递给 chrome.contextMenus.create 以限制菜单项仅显示在 ID 等于 "foobar" 的元素上？
我认为这是不可能的，但是您可以在单击时根据单击的元素创建和删除项目，如此处所述stackoverflow.com/questions/4730843/…

【解决方案2】：

使用 chrome.contextMenus 添加右键选项

chrome.contextMenus.create({
    title: 'test',
    onclick: function(e){
        console.log(e)
    }

}, function(){})

【讨论】：