firefox - 如何使用扩展在 Firefox 中的工具栏按钮上创建弹出框

Question

我正在为 Firefox 开发扩展，它需要用 html 文档显示弹出窗口。在 Safari 和 Chrome 中，有一种非常简单的方法来创建弹出框，但就目前而言，我花了 2 天时间寻找一种在 Firefox 中做同样事情的方法，但我在文档中找不到这样做的页面。

有人可以向我提供代码示例、教程或文档的链接，我将不胜感激。

这是 Safari 中弹出框的图像

Answer 1

在基于 xul 的插件中，这可以通过面板来完成。如果您看到 the page for the type property在面板中，它们具有与您想要的类似的东西。



你会做的是:

<toolbarpalette id="BrowserToolbarPalette">
      <toolbarbutton id="yourToolbarbutton"
                       image="chrome://yourExt/content/image.png"
                       class="toolbarbutton-1 chromeclass-toolbar-additional">
            <panel id="yourPanel"
                       type="arrow"
                       noautofocus="true"
                       consumeoutsideclicks="true"
                       onpopupshowing="functionToFillThePanel();"
                       level="top">

                   content goes here
             </panel>
     </toolbarbutton>
/toolbarpalette>