web-dev-qa-db-ja.com

Firefox 65：アドレスバーの下にタブを配置するにはどうすればよいですか？

Firefox 65で、タブを配置するにはどうすればよいですか下上ではなくアドレス（URL）バー？

firefox
5
DK Bose

Firefoxの以前のバージョンのユーザーは、タブbelowがアドレスバーにある場合、バージョンへのアップグレード65が壊れている：タブが表示されるaboveアドレスバー。

通常のブラウジング用のuserChrome.cssコード修正（通常のブラウジングウィンドウとプライベートブラウジングウィンドウの両方で機能するコードについては、以下を参照してください。）

タブを表示することを好むFirefox 65ユーザーの場合、belowアドレスバーに手順を説明します フォーラムの応答-URLバーの下のタブ

Firefoxのスタイルや外観は、Firefoxのプロファイルフォルダー内にchromeフォルダーを作成し、カスタムスタイルルールを含むuserChrome.cssファイルをその中に配置することで変更できます。userChromeに配置したルール.cssファイルは、Firefoxのデフォルトスタイルを上書きします。

この注意をもって：

Mozillaコミュニティの制御が及ばない他の要因（他のカスタムスタイルルールとの非互換性など）が原因で、カスタムスタイルルールが毎回機能するとは限りません。カスタムスタイルルールは、新しいFirefoxリリースがリリースされるたびに機能しなくなる場合もあります。

私のシステムでは、これはuserChrome.cssへのパスです。

/home/dkb/.mozilla/firefox/prefix.suffix/chrome/userChrome.css

chromeとuserChrome.cssはどちらも大文字と小文字が区別されます。

次の行をuserChrome.cssに配置する必要があります。

@namespace url("http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul");

/* TABS on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
 position: absolute !important;
 bottom: 0 !important;
 width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {
padding-bottom: var(--tab-min-height) !important;
}
#tabbrowser-tabs {
  width: 100vw !important;
}

ファイルを保存してFirefoxを再起動します。

ノート：

  • userChrome.cssに既にコンテンツがある場合、最初の行はおそらくすでに存在しており、繰り返す必要はありません。
  • メニューバーかタイトルバー、またはその両方が表示されていることを確認する必要があります。両方ともない場合、下部のタブが重なり合ってブックマークバーが見えにくくなり、最小化/復元/閉じるボタンは表示されません。

プライベートブラウジングのuserChrome.cssコード修正

Firefox 65.0のWebページの真上、タブの下部にタブを再配置しますか？ で少し長いuserChrome.cssコードを見つけました。ユーザーによる変更が必要ですが、通常のブラウジングウィンドウとプライベートブラウジングウィンドウの両方で機能します。

@namespace url("<a href="http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul" rel="nofollow">http://www.mozilla.org/keymaster/gatekeeper/there.is.only.xul</a>"); 

/* only needed once
*/

/* TABS: on bottom */
#navigator-toolbox toolbar:not(#nav-bar):not(#toolbar-menubar) {-moz-box-ordinal-group:10}
#TabsToolbar {-moz-box-ordinal-group:1000!important}

#TabsToolbar {
position: absolute !important;
bottom: 0 !important;
width: 100vw !important;
}

#tabbrowser-tabs {
width: 100vw !important;
}
#main-window:not([chromehidden*="toolbar"]) #navigator-toolbox {padding-bottom: var(--tab-min-height) !important;}

/* TABS: height */
:root {
--tab-toolbar-navbar-overlap: 0px !important;
--tab-min-height: 29px !important; /* 27 --- adjust to suit your needs */
}
:root #tabbrowser-tabs {
--tab-min-height: 29px !important; /* 27 --- needs to be the same as above under :root */
--tab-min-width: 80px !important;
}

#TabsToolbar {
height: var(--tab-min-height) !important;
margin-bottom: 1px !important;
box-shadow: ThreeDShadow 0 -1px inset, -moz-dialog 0 1px !important;
}

#tabbrowser-tabs,
#tabbrowser-tabs &gt; .tabbrowser-arrowscrollbox,
.tabbrowser-tabs[positionpinnedtabs] &gt; .tabbrowser-tab[pinned] {
min-height: var(--tab-min-height) !important;
max-height: var(--tab-min-height) !important;
}

/* drag space */
.titlebar-spacer[type="pre-tabs"],
.titlebar-spacer[type="post-tabs"] {
width: 40px;
}

/* Override vertical shifts when moving a tab */
#navigator-toolbox[movingtab] &gt; #titlebar &gt; #TabsToolbar {
padding-bottom: unset !important;
}
#navigator-toolbox[movingtab] #tabbrowser-tabs {
padding-bottom: unset !important;
margin-bottom: unset !important;
}
#navigator-toolbox[movingtab] &gt; #nav-bar {
margin-top: unset !important;
}

29の--tab-min-height: 29px !importantのpx値がmeで機能することに注意してください。両方の行でシステムに合わせて調整する必要があります。

通常のブラウジングウィンドウについて上記で説明したその他の注意事項には、引き続き注意が必要です。

タブ付きFirefox 65below通常およびプライベートウィンドウのアドレスバー：

Firefox 65 with tabs below the address bar

5
DK Bose

This Unityを搭載したUbuntu 16.04で動作しました。

#navigator-toolbox #TabsToolbar（FF-65より前に機能していた）のブロックを#titlebarに変更するだけで済みました。

＃nav-bar {/ *メインツールバー*/
 -moz-box-ordinal-group：1！important; 
} 
＃PersonalToolbar {/ *ブックマークツールバー*/
 -moz-box-ordinal-group：2！important; 
} 
＃titlebar {/ *メニュー+タブバー*/
- moz-box-ordinal-group：3！重要; 
}

これにより他の結果が生じる可能性があるため、リンクをクリックして回避策を確認してください。

0
AliN