我正在尝试为 Google Chrome 开发一个扩展程序，但我遇到了一些问题，我想在用户单击图标时启动或创建一个新窗口。
像这样：http://i.imgur.com/8iRkEOb.png
非常感谢！
【问题讨论】：
标签： javascript google-chrome-extension
首先，如果您在清单中定义了 default_popup - 您需要将其删除，因为它会干扰您想要捕获的点击事件。
然后，您需要在后台脚本中捕获事件：
chrome.browserAction.onClicked.addListener(function(tab) {
// ...
});
接下来，如果我们想要一个窗口，我们可能要查看windows API。 create() 听起来像你需要的：
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.windows.create({/* options */});
});
您需要哪些选项？假设你想从你的扩展打开一个页面，你需要一个用 chrome.runtime.getURL 包裹的 URL：
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.windows.create({
// Just use the full URL if you need to open an external page
url: chrome.runtime.getURL("mypage.html")
});
});
然后，要显示一个像你正在显示的窗口，没有顶部工具栏，你需要一个窗口类型"popup"：
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.windows.create({
url: chrome.runtime.getURL("mypage.html"),
type: "popup"
});
});
最后，如果你想在窗口打开后做一些事情，使用回调：
chrome.browserAction.onClicked.addListener(function(tab) {
chrome.windows.create({
url: chrome.runtime.getURL("mypage.html"),
type: "popup"
}, function(win) {
// win represents the Window object from windows API
// Do something after opening
});
});
【讨论】：
chrome.tabs.create 而不是 chrome.windows.create :)
background.js
chrome.browserAction.onClicked.addListener(function(activeTab)
{
chrome.windows.create({ url: chrome.runtime.getURL("popup.html"), type:
"popup" });
});
manifest.json
{
"manifest_version": 2,
"name": "",
"description": "",
"version": "1.0",
"chrome_url_overrides": {
"newtab": "popup.html" //the html to show in popup
},
"browser_action": {
"default_icon": "img/zi.png" //some icon
},
"permissions": [
"tabs"
],
"background": {
"scripts": ["background.js"],
"persistent": false
}
}
【讨论】：