89

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

清单.json

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

索引.html

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

4 回答 4

136

问题是您违反了清单版本 2 的content security policy. 要修复它，您所要做的就是摆脱内联脚本，在这种情况下是您的背景page。把它变成这样的背景script：

清单.json

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

背景.js

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

如果出于某种原因，您确实需要将其作为页面，那么只需将脚本作为外部文件包含并像以前一样将其声明为页面。

于 2013-05-12T05:46:10.170 回答
25

在我的情况下，当我单击扩展弹出窗口中的链接时，我需要在新选项卡中打开链接，它可以正常工作，target属性设置为_blank：

<a href="http://www.example.com" target="_blank">Example</a>
于 2018-08-03T13:55:29.473 回答
5

我更喜欢更简单的解决方案- 只需向 onclick 添加操作

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

这将在新选项卡中打开所有具有 target="_blank" 属性的链接（甚至是动态创建的链接），而不会失去弹出焦点。

于 2018-10-01T15:07:43.747 回答
2

你不需要 jQuery。只需使用window.open("http://example.com", "_blank").

于 2021-10-19T21:22:59.843 回答