如何在 Firefox Web 扩展中获取弹出窗口

Question

我使用以下教程将 chrome webextension 移植到了 firefox，https://hacks.mozilla.org/2015/10/porting-chrome-extensions-to-firefox-with-webextensions/。

我设法在 Firefox 中安装了插件，但与我的 chrome 插件不同，我无法打开弹出窗口。

在 chrome 中，我通过清单调用的 JS 文件具有以下代码行

chrome.browserAction.onClicked.addListener(function(tab){
  createPopup(tab.url)
})

function createPopup(url) {
    new_window = window.open('https://www.myurl.com?external=true&share_url='+url,'My site','height=600px,width=600px');
}

这工作正常并弹出我需要的窗口，但是当我在 Firefox 中运行它时，我收到以下错误：

[异常...“失败”nsresult：“0x80004005（NS_ERROR_FAILURE）”位置：“JS 框架 :: moz-extension://282abc47-9416-3a4e-a2f6-f090514fbabc/popup.js :: createPopup ::第 7 行”数据：无]

Answer 1

您可能遇到了这个错误：window.open() failing when invoked from a background page。该错误建议使用特定于扩展的 API 打开一个窗口作为一种解决方法。

Answer 2

显然我是自愿，下面是一个扩展特定代码的示例，它不会遇到这种情况：

function createPopup(url) {
    chrome.windows.create({
        url: 'https://www.myurl.com?external=true&share_url='+url,'My site',
        width: 600,
        height: 600,
        type: 'popup'
    });
}

function createTab(url) { // Just in case you want a tab, not a separate window
    chrome.tabs.create({
        url: 'https://www.myurl.com?external=true&share_url='+url
    });
}

请注意，您不会获得对新打开文档的window 的引用；你需要一个内容脚本来与之交互。