firefox-addon - Firefox 插件开发：将“面板”设置为页面底部

Question

我想创建一个面板/框架，看起来像当您按下“Ctrl+H”时出现在 Firefox 左侧的“历史”面板。我希望我的面板位于底部。

我觉得我必须使用面板，但没有功能告诉我如何将它设置到当前打开的网页的底部。怎么做？

Answer 1

目前尚不支持此功能，但很快就会支持。这里的建议：https ://github.com/mozilla/addon-sdk/wiki/JEP-Panel-positioning您可以在其中关注讨论和错误。我已经有了一个原型，希望很快就能落地。

Answer 2

Panel 对象上的show()方法允许您设置用于定位面板的锚点，`show(anchor). 它需要浏览器 DOM 中的一个对象，您可以很容易地获得它。

您可以使用它将面板锚定在浏览器中的任何元素上。找到要用于精确定位的元素可能很棘手，我只是选择了状态栏，因为您希望面板位于底部。

以下是将面板放置在页面底部（左侧）的 SDK 代码：

var wuntils = require('sdk/window/utils');
var panel = require("sdk/panel").Panel({
  contentURL: 'http://stackoverflow.com/questions/15390974/firefox-addon-development-setting-the-panel-to-the-bottom-of-the-page'
});

panel.show(wuntils.getMostRecentBrowserWindow().document.getElementById("statusbar-display"));