Question

我想创建一个面板/框架，当你按下“Ctrl + H”时，它看起来就像firefox左侧出现的“History”面板。我希望我的面板位于底部。

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

Answer 1

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"));

Answer 2

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

Firefox插件开发：将“面板”设置到页面底部

2 个答案: