如何在Firefox中使用扩展名在工具栏按钮上创建弹出窗口

Question

我正在为firefox开发扩展，需要用html文件显示popover。在Safari和Chrome中，有一种非常直接的方式来创建popover，但是现在我花了两天的时间在Firefox中寻找一种方法来做同样的事情，但是我在文档中找不到这样做的页面。

有人可以向我提供代码示例，链接到教程或文档，我将非常感激。

这是Safari中popover的图像

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>

Answer 2

您可以在本教程中找到这个

https://developer.mozilla.org/en-US/docs/XUL/School_tutorial