如何使用Firefox扩展将标签栏移动到窗口底部？

Question

我需要将我的扩展程序移动带有标签的栏（标识为<toolbar>的{​​{1}}元素）到TabsToolbar #browser元素下的窗口底部

我知道如何添加和修改带扩展名的元素，但我不确定如何将现有元素放置在页面中带有叠加层的其他位置。这样做的正确方法是什么？

更新：

我发现了另外一个附加内容，其中包括https://addons.mozilla.org/en-US/firefox/addon/tab-mix-plus/。

当标签设置在底部时，此插件会在<hbox> <toolbox>元素下方添加一个标识为tabmix-bottom-toolbox的空#browser元素。即使标签显示在底部，实际的标签XUL标记仍位于顶部<hbox> TabsToolbar元素内的常规位置。

我认为作者所做的是：

1. 在浏览器区域下插入XUL占位符元素，并将占位符设置为TabsToolbar的高度。
2. 然后通过css和
为TabsToolbar提供固定位置
3. 根据占位符的偏移量设置“top”属性。

我还没有通过在我自己的插件中尝试来确认这一点。我还发现绝对定位在XUL中确实存在不可思议的事情。

Answer 1

您可以提供以下内容：

1. 在vbox之前插入一个hbox（比方说id底部标签容器），ID为“browser-bottombox”

2. 在javascript中，使用类似

   的内容

   var tabsToolbar = document.getElementById("TabsToolbar");
   document.getElementById("bottom-tabs-container").appendChild(tabsToolbar);
   

这应该保留已绑定的任何事件处理程序。但请注意，您可能会破坏许多外观相关的东西。