Chrome Manifest V3扩展：右键上下文菜单打开功能失效求助

原代码核心问题 #

1. 语法错误：background.js中chrome.runtime.sendMessage的代码缺少闭合大括号与括号，导致脚本执行失败。
2. 逻辑错误：content脚本里用window.location.replace跳转扩展页面完全错误——content脚本运行在网页上下文，../Views/home.html是相对于当前网页的路径，而非扩展内部资源路径，根本无法定位到扩展页面。
3. 冗余流程：完全不需要通过content脚本中转，直接在background的右键菜单点击事件里打开扩展页面即可。

Manifest V3 可行示例 #

1. 配置manifest.json #

必须声明contextMenus和tabs权限，确保background service worker正常运行：

{
  "manifest_version": 3,
  "name": "Test Extension",
  "version": "1.0",
  "background": {
    "service_worker": "background.js"
  },
  "permissions": ["contextMenus", "tabs"],
  "action": {
    "default_icon": {
      "16": "icons/icon16.png" // 替换为你的图标路径
    }
  }
}

2. 修正background.js #

移除冗余的content脚本注入，直接在右键菜单点击事件中打开扩展页面：

// 安装扩展时创建右键菜单
chrome.runtime.onInstalled.addListener(() => {
  chrome.contextMenus.create({
    title: "Test Ex",
    contexts: ["all"],
    id: "test"
  });
});

// 监听右键菜单点击事件
chrome.contextMenus.onClicked.addListener((info, tab) => {
  if (info.menuItemId === "test") {
    // 用chrome.runtime.getURL获取扩展内部页面的正确绝对URL
    const extensionPageUrl = chrome.runtime.getURL("Views/home.html");
    // 打开新标签页加载扩展页面
    chrome.tabs.create({ url: extensionPageUrl });
  }
});

3. 清理冗余代码 #

如果你的需求只是打开扩展页面，不需要content脚本参与，可直接删除content.js及manifest中相关配置。

关键说明 #

• 扩展资源路径：必须用chrome.runtime.getURL()获取扩展内部文件的绝对URL，避免路径错误。
• 权限声明：Manifest V3中contextMenus和tabs是必需权限，缺少会导致API调用失败。
• 简化流程：直接在background层处理页面打开逻辑，比通过content脚本中转更高效且不易出错。

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