Chrome扩展中chrome.contextMenus.create的onclick回调可在何处使用？

chrome.contextMenus.create的onclick回调仅能在采用「持久型后台页面」的Chrome扩展中使用，具体规则和限制如下：

允许使用onclick回调的场景 #

• 持久型后台页面：在扩展的manifest.json中，background字段未设置"persistent": false，或者明确指定"persistent": true。这种模式下后台页面会始终保持运行状态，因此可以直接在创建菜单时绑定onclick回调。

  注意：Chrome官方现已不推荐使用持久型后台页面，因为会持续占用系统资源，更建议采用事件页面或Service Worker模式。

不允许使用onclick回调的场景 #

• 事件页面（Event Pages）：当manifest.json中background字段设置"persistent": false时，后台页面会在空闲时被自动销毁，onclick回调无法持久化，因此Chrome禁止这种模式下使用该参数，必须改用chrome.contextMenus.onClicked事件监听来处理菜单点击。
• Service Worker后台（Manifest V3主流模式）：Service Worker是无状态的临时运行环境，同样不支持在create时指定onclick，必须通过chrome.contextMenus.onClicked.addListener绑定全局点击事件。
• 内容脚本：chrome.contextMenus API本身就无法在内容脚本中调用，无论是否使用onclick参数，都不能在内容脚本里创建上下文菜单。

通用替代方案（适配所有后台模式） #

不管是事件页面还是Service Worker，都可以用以下方式处理菜单点击：

// 在后台脚本（事件页面/Service Worker）中执行
chrome.contextMenus.create({
  id: "1",
  title: "abc",
  contexts: ['selection']
});

// 全局监听菜单点击事件
chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "1") {
    // 这里编写你的点击逻辑，比如获取选中文本
    console.log("用户选中的内容：", info.selectionText);
  }
});

内容的提问来源于stack exchange，提问作者mnj