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

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

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

谢谢。

对于较新的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 }); }); 

那么,在扩展文档中 ,它在清单中声明 ,您需要包含“选项卡”作为其权限。 他们用同样的方式解释了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,但我相信它应该工作。

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

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

 window.open(url,'_blank');