在 Firefox Addons 中创建这种弹出窗口？

Question

我正在尝试创建一个像这样的弹出窗口以在我的插件中使用 - 这可能吗？如果是的话，是怎么做到的？

提前致谢！

Answer 1

在 Firefox/XUL 中是可能的，它也被称为door-hanger popup。
https://developer.mozilla.org/en/JavaScript_code_modules/PopupNotifications.jsm#Notification_events
http://scenari-platform.org/svn /dev-core/trunk/Lib_XulRunner/Darwin/modules/PopupNotifications.jsm

例如，这里的代码是带有超时功能的弹出通知，如果您不想，可以删除超时功能。

超时功能和超时功能的正常功能如果用户单击浏览器上的任何位置，它就会自动消失。

Components.utils.import('resource://app/modules/PopupNotifications.jsm');
var notify  = new PopupNotifications(gBrowser,
                                       document.getElementById("notification-popup"),
                                       document.getElementById("notification-popup-box"));

var notification =  notify.show(
gBrowser.selectedBrowser,  /*browser*/
"Extension-popup", /*id*/
"Hi, there!, I got a message for you!!",/*message*/
null, /* anchor ID */
/* mainAction */
{
          label: "Build PDE",
          accessKey: "D",

          callback: function() {
                      if(nodeSRC!=null) pde.emptyNodeSRC(nodeSRC);

              window.openDialog("chrome://myextension/content/mypage.xul", "hello", "chrome,width=400,height=360",userContent, nodeSRC);

          }
        },
null, /* secondaryActions*/

{ blablal:'options'}

);

setTimeout(function(){
notification.remove();
}, 900);

Answer 2

也可以通过创建面板并将其类型设置为“箭头”来完成此操作。事实上，这与他们在 panel.type 上的示例几乎相同参考页面：

以下是操作方法：

<panel id="testPanel" type="arrow">
    <vbox>
        (... content goes here ...)
    </vbox>
</panel>

然后您可以使用以下命令打开它：

panel.openPopup(elementThatShouldTriggerIt, "before_start", 0, 0, false, false);

有关MDN.Panel