在新的 Jetpack API 中使用定位“面板”

2024-02-20

我现在使用新版本的 Jetpack API,它允许您使用 JS 框架为 Firefox 创建插件。

“面板”对象很容易使用 - 但我正在努力寻找一种定位它的方法。该文档简单地指出(Jetpack 面板 API https://builder.mozillalabs.com/api/jetpack-core/module/panel/)

panel.show(anchor) DomElement

但我想将面板放置在窗口的右下角 - 我该如何做到这一点 - 在哪里可以找到更多有关它的文档。


我知道能够将面板放置在右下角的唯一方法需要在状态栏中放置一个图标(或文本,如下例所示)。之后,可以将面板链接到图标上方。

模仿Jetpack 的 JEP 维基 https://wiki.mozilla.org/Labs/Jetpack/JEP/23:

function openBottomRightPanel(anchor){
  jetpack.panels.open({
    url: "http://stackoverflow.com",
    anchor: anchor,
    align: "bottom right with anchor top right"
  });
}

jetpack.statusBar.append({
  html: "View SO",
  onReady: function(widget) {
    $(widget).click(function(){
      openBottomRightPanel(widget);
    });
  },
});

单击状态栏文本时,结果窗口(Jetpack 面板)应在浏览器窗口的右下角打开。 (注意:如果以编程方式打开面板,图标/文本可能为空?)

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

在新的 Jetpack API 中使用定位“面板” 的相关文章

随机推荐