javascript-Chrome扩展程序:如何在新标签页中打开链接?

在我的Stackoverflow文件夹中,我有stackoverflow.ico和2个波纹管文件。 将其导入Chrome时,它会在地址栏中显示该图标,但是当我单击它时,Chrome不会打开任何新标签。 我究竟做错了什么?

manifest.json

{
  "name": "Stackoverflow",
  "version": "1",
  "browser_action":
  {
    "default_icon": "stackoverflow.ico"
  },
  "background":
  {
    "page": "index.html"
  },
  "permissions": ["tabs"],
  "manifest_version": 2
}

的index.html

<html>
  <head>
    <script>
      chrome.browserAction.onClicked.addListener(function(activeTab)
      {
        var newURL = "http://stackoverflow.com/";
        chrome.tabs.create({ url: newURL });
      });
    </script>
  </head>
</html>
3个解决方案
89 votes

问题是您违反清单清单2的page。要解决此问题,您要做的就是摆脱内联脚本,在这种情况下,您的背景page。将其变成背景script,如下所示:

manifest.json

"background":{
  "scripts": ["background.js"]
},

background.js

chrome.browserAction.onClicked.addListener(function(activeTab){
  var newURL = "http://stackoverflow.com/";
  chrome.tabs.create({ url: newURL });
});

如果出于某种原因确实需要将其作为页面,则只需将脚本作为外部文件包含在内,然后像以前一样将其声明为页面即可。

BeardFist answered 2019-10-09T18:10:38Z
2 votes

以我为例,我需要在扩展弹出窗口中单击链接时在新选项卡中打开链接,它在target属性设置为_blank时可以正常工作:

<a href="http://www.example.com" target="_blank">Example</a>
bruddha answered 2019-10-09T18:11:02Z
0 votes

我希望使用更简单的解决方案-只需将操作添加到onclick

$('body').on('click', 'a[target="_blank"]', function(e){
    e.preventDefault();
    chrome.tabs.create({url: $(this).prop('href'), active: false});
    return false;
});

这将在新选项卡中打开所有具有target =“ _ blank”属性的链接(甚至是动态创建的链接),而不会失去弹出窗口的焦点。

fvrab answered 2019-10-09T18:11:33Z
translate from https://stackoverflow.com:/questions/16503879/chrome-extension-how-to-open-a-link-in-new-tab