Chrome 扩展程序在图标上打开新标签单击

时间:2021-06-08 17:14:40

标签: javascript google-chrome google-chrome-extension

我正在尝试制作一个 chrome 扩展,当您点击 chrome 扩展的图标时,它会打开一个带有特定 URL 的选项卡。到目前为止,我已经尝试了多种方法,但我认为我的语法可能有些偏差。

现在,我只是想打开我所在窗口的重复窗口。这包括获取当前标签的 URL 并使用相同的 URL 打开一个新标签。

这是我在 manifest.json 中的内容

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

我的 runwhenclicked.js

chrome.browserAction.onClicked.addListener(function(tab) {{
   chrome.tabs.executeScript(null, {file: "get_current_url.js"});
}); 

我的 get_current_url.js

chrome.tabs.query({active: true, currentWindow: true}, function(tabs) {

     // since only one tab should be active and in the current window at once
     // the return variable should only have one entry
     var activeTab = tabs[0];
     chrome.tabs.create({ url: activeTab });
  });

1 个答案:

答案 0 :(得分:0)

<块引用>

现在,我只是想打开窗口的重复窗口 我在。这包括获取当前选项卡的 URL 和 打开具有相同 URL 的新标签页。

这对我来说是最简单的方法

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

/* runwhenclicked.js */
chrome.browserAction.onClicked.addListener(tab => {
    chrome.tabs.duplicate(tab.id);
});