Firefox扩展问题：点击自定义菜单项无法打开新标签页

核心问题 #

你的后台脚本（background script）运行在浏览器的后台独立上下文中，这里没有普通网页环境的window对象，所以window.open和window.location.href这类针对前端页面的方法完全不生效。

修复步骤 #

1. 添加必要权限
   在manifest.json的permissions数组里加入tabs权限，因为我们需要调用浏览器的标签页API：

   {
       "manifest_version": 2,
       "name": "add-on-q",
       "version": "1.0",
   
       "description": "Context menu item opens new tab",
   
       "background": {
         "scripts": ["background.js"]
       },
   
       "permissions": [
         "menus",
         "tabs"
       ]
     }
   

2. 替换标签页创建逻辑
   用Firefox扩展API提供的browser.tabs.create()方法替代window.open，这个方法专门用于在扩展中创建新标签页。如果需要把选中的文本作为搜索关键词传入Google，可以直接拼接URL：

   browser.menus.create({
       id: "q-menu-item",
       title: "'%s' redirect",
       contexts: ["selection"],
   });
   
   browser.menus.onClicked.addListener((info, tab) => {
       console.log(info.selectionText);
       // 创建新标签，指向Google搜索页面，携带选中的文本
       browser.tabs.create({
           url: `https://www.google.com/search?q=${encodeURIComponent(info.selectionText)}`,
           // 可选：设置在当前标签的右侧打开新标签
           index: tab.index + 1
       });
   });
   

补充说明 #

后台脚本的执行环境是一个无界面的背景上下文（Manifest V2中是后台页面，Manifest V3中是Service Worker），所有与浏览器界面交互的操作都必须通过官方提供的扩展API完成，不能直接使用网页端的DOM或BOM方法。

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