Chrome 扩展监听右键菜单：如何自定义右键菜单内容

您是否遇到过网站右键菜单被屏蔽的问题？这可能是网站开发者为了防止用户复制内容或查看源代码而设置的限制。但不要担心，通过 Chrome 扩展，您可以轻松监听并自定义右键菜单，从而实现您想要的功能。

使用 'chrome.contextMenus' API

要监听和自定义右键菜单，您可以使用 Chrome 扩展的 'chrome.contextMenus' API。

1. 添加权限

首先，在您的扩展清单文件 (manifest.json) 中添加 'permissions': ['contextMenus']，以获取右键菜单的权限。

2. 创建右键菜单项

然后，在您的扩展的背景脚本 (background script) 中，使用 'chrome.contextMenus.create' 方法创建右键菜单项。以下是一个示例：

chrome.contextMenus.create({
  id: 'myContextMenu',
  title: '我的右键菜单',
  contexts: ['page', 'selection', 'link', 'editable'],
  onclick: myContextMenuClickHandler
});

function myContextMenuClickHandler(info, tab) {
  // 处理右键菜单点击事件
  console.log('Clicked on menu item with id: ' + info.menuItemId);
  console.log('Clicked on tab with id: ' + tab.id);
}

在上面的示例中，我们创建了一个名为 '我的右键菜单' 的右键菜单项，并指定了可应用右键菜单的上下文 (contexts)。您可以根据您的需求选择要应用右键菜单的上下文类型，如页面 ('page')、选中内容 ('selection')、链接 ('link') 和可编辑区域 ('editable')。

然后，我们指定了一个点击处理程序 (click handler) 'myContextMenuClickHandler'，用于处理右键菜单项的点击事件。在这个示例中，我们简单地将点击事件的相关信息打印到控制台。

3. 保存并重新加载

保存并重新加载您的扩展后，您应该能够在网站上右键单击时看到自定义的右键菜单项。

注意

请注意，Chrome 浏览器本身的右键菜单项优先于扩展的右键菜单项。因此，如果有一个网站的右键被屏蔽了，您可能需要进一步调查，了解是哪个因素导致了该问题。