Chrome 扩展右键菜单监听:完整指南
Chrome 扩展右键菜单监听:完整指南
在 Chrome 扩展中,你可以使用 chrome.contextMenus API 来监听右键菜单事件,并创建自定义菜单项。以下是一些基本的步骤:
- 在扩展的
manifest.json文件中声明使用contextMenus权限:
{
"manifest_version": 2,
"name": "My Extension",
"version": "1.0",
"permissions": [
"contextMenus"
],
"background": {
"scripts": ["background.js"],
"persistent": false
},
"manifest_version": 2
}
- 在
background.js文件中创建右键菜单项,并为其添加监听器:
chrome.contextMenus.create({
"id": "myContextMenu",
"title": 'My Context Menu',
"contexts": ['page', 'selection']
});
chrome.contextMenus.onClicked.addListener(function(info, tab) {
if (info.menuItemId === "myContextMenu") {
// 执行右键菜单点击后的操作
console.log('右键菜单被点击了');
}
});
在这个例子中,我们创建了一个右键菜单项,使用 id 指定其唯一标识符,title 指定显示的文本,contexts 指定菜单项可用的上下文(例如页面或选中文本)。
然后,我们使用 contextMenus.onClicked 事件监听器,当右键菜单项被点击时执行相应的操作。在这个例子中,我们简单地在控制台上打印一条消息。
- 在 Chrome 浏览器中加载你的扩展。
现在,当你右键点击页面或选中文本时,你的右键菜单项将显示,并且点击菜单项时将执行相应操作。
原文地址: https://www.cveoy.top/t/topic/hGiC 著作权归作者所有。请勿转载和采集!