3

タブ付きのバー ( <toolbar>ID を持つ要素TabsToolbar) を要素の下のウィンドウの下部に移動するには、拡張機能が必要です#browser <hbox>。

拡張機能を使用して要素を追加および変更する方法は知っていますが、オーバーレイを使用して既存の要素をページの別の場所に配置する方法がわかりません。これを行う適切な方法は何ですか？

アップデート：

https://addons.mozilla.org/en-US/firefox/addon/tab-mix-plus/と呼ばれる、とりわけこれを行う別のアドオンを見つけました。

タブが下部に設定されている場合、このプラグは要素の下<toolbox>に id を持つ空の要素を追加するようです。タブは下部に表示されますが、実際のタブ XUL マークアップは依然として上部の要素内の通常の場所にあります。tabmix-bottom-toolbox#browser <hbox>TabsToolbar <toolbar>

著者がしていることは次のとおりだと思います。

  1. ブラウザー領域の下に XUL プレースホルダー要素を挿入し、プレースホルダーを TabsToolbar の高さに設定します。
  2. 次に、CSS を使用して TabsToolbar に固定位置を指定し、
  3. プレースホルダーのオフセットに基づいて "top" プロパティを設定します。

ただし、自分のプラグインで試してみて、これをまだ確認していません。また、XUL では絶対配置が不安定なことも発見しました。

4

1 に答える 1

3

あなたは次のショットを与えるかもしれません：

  1. ID「browser-bottombox」のvboxの前にhbox（IDbottom-tabs-containerとしましょう）を挿入します

  2. JavaScriptでは、次のようなものを使用します

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

これにより、既にバインドされているイベント ハンドラーが保持されます。ただし、多くの外観関連のものを壊す可能性があることに注意してください。

于 2013-09-09T12:08:00.093 に答える