javascript - 如何在 Google Chrome 扩展程序中启动新窗口

Question

我正在尝试为 Google Chrome 开发一个扩展，但我遇到了一些问题，我想在用户点击图标时启动或创建一个新窗口。

像这样:http://i.imgur.com/8iRkEOb.png

非常感谢!

Answer 1

首先，如果您在 list 中定义了 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
  });
});