Google Chrome浏览器扩展程序 – 单击工具栏图标时打开“新build”选项卡

我怎样才能为Chrome添加一个图标的工具栏的扩展，当你点击它时，它会打开一个新的标签与本地网页（例如：f.html）？

我看到了这个问题 ，但是并没有真正解释我应该在清单文件中添加什么…

谢谢。

Answer 1

对于较新的Chrome应用程序，这不是真的。

具有manifest_version：2的更新的chrome应用程序需要将标签打开为：

---

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

---

Answer 2

那么，在扩展文档中 ，它在清单中声明 ，您需要包含“选项卡”作为其权限。 他们用同样的方式解释了hello world应用程序：

清单文件：

 { "name": "My Extension", "version": "1.0", "description": "Opens up a local webpage", "icons": { "128": "icon_128.png" }, "background_page": "bg.html", "browser_action": { "default_title": "", "default_icon": "icon_19.png" }, "permissions": [ "tabs" ], } 

在背景页面中 ，您可以通过浏览器操作来收听鼠标点击事件。

 chrome.browserAction.onClicked.addListener(function(tab) { chrome.tabs.create({'url': chrome.extension.getURL('f.html')}, function(tab) { // Tab opened. }); }); 

正如你在上面注意到的，你会看到我使用了你在另一篇文章中看到的问题。 请注意，这不是testing，但我相信它应该工作。

Answer 3

chrome.tabs.create需要“tabs”的权限。

只需使用扩展名为window.open而不需要任何权限。 而且代码更短。 我build议这个解决scheme。

 window.open(url,'_blank');