Chrome扩展点击图标打开新标签页功能实现问题咨询

现存问题 #

• 语法错误：runwhenclicked.js 中回调函数定义多写了一层左大括号，function(tab) {{ 应为 function(tab) {
• 逻辑冗余+权限错误：不需要调用chrome.tabs.executeScript注入脚本实现功能。你注入的get_current_url.js属于页面内容脚本，没有权限调用chrome.tabs.query、chrome.tabs.create这类扩展级API，只有后台脚本本身可以直接调用这些API
• 参数错误：get_current_url.js 中调用chrome.tabs.create时，传入的url参数是整个标签页对象activeTab，而非标签页的URL属性activeTab.url

修正方案 #

直接简化逻辑，不需要额外的get_current_url.js文件，所有逻辑直接在后台脚本里实现即可：

1. 保留原有manifest.json配置（无需修改） #

{
  "manifest_version": 2,
  "name": "Linkedin Company Website",
  "version": "0.1",
  "browser_action": {
      "default_icon": "logo.png"
  },
  "permissions": ["tabs"],
  "background":{
    "scripts": ["runwhenclicked.js"]
  }
}

2. 替换runwhenclicked.js代码为以下内容 #

chrome.browserAction.onClicked.addListener(function(activeTab) {
  // 点击扩展图标时直接拿当前激活标签的URL，新建标签页
  chrome.tabs.create({ url: activeTab.url });
});

扩展需求适配 #

如果后续要实现你最初的「点击扩展打开固定指定URL」的需求，直接修改chrome.tabs.create的url参数为目标地址即可，示例：

chrome.tabs.create({ url: "https://www.linkedin.com/your-target-page" });

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