如何点击Google Chrome扩展程序中的URL打开新标签页？ （以及我的代码示例）

Question

我试图在Google Chrome扩展程序中打开一个新标签页。我已将测试用例简化为此HTML：

<a id="link" href="http://www.example.com">example</a>

我在这里的代码：

$('#link').click(function () {
  chrome.browserAction.onClicked.addListener(function (activeTab) {
    var newURL = "http://www.youtube.com/watch?v=oHg5SJYRHA0";
    chrome.tabs.create({ url: newURL });
  });
});

我在这个帖子中找到了答案chrome.browserAction.onClicked.addListener：

Google Chrome Extensions - Open New Tab when clicking a toolbar icon

但是当我点击我的链接并且我不了解如何在我的情况下使用chrome.browserAction.onClicked.addListener时，这不起作用。

任何帮助表示感谢。

Answer 1

在popup.js

中

$(document).ready(function(){
   $('body').on('click', 'a', function(){
     chrome.tabs.create({url: $(this).attr('href')});
     return false;
   });
});

Answer 2

您只需将属性target="_blank"添加到popup.html中的链接即可。

<a id="link" href="http://www.example.com" target="_blank">example</a>

Answer 3

我找到了答案：

$('#link').click(function () {
  var newURL = "http://www.youtube.com/watch?v=oHg5SJYRHA0";
  chrome.tabs.create({ url: newURL });
});

无需chrome.browserAction.onClicked.addListener。