Firefox 57+(「Quantum」)でタブバーを非表示/無効化/削除する方法
目標は、タブバーを完全に非表示にすることです。「ツリースタイルタブ」のような拡張機能と組み合わせた場合に便利です。
注:ここでも同様の質問があります。Firefoxはブラウザーのコンテンツ領域以外をすべて非表示にしますが、 論理的に独立したタスクに適切に分割されません。また、それは時代遅れです。
Firefox 57+(「Quantum」)でタブバーを非表示/無効化/削除する方法
目標は、タブバーを完全に非表示にすることです。「ツリースタイルタブ」のような拡張機能と組み合わせた場合に便利です。
注:ここでも同様の質問があります。Firefoxはブラウザーのコンテンツ領域以外をすべて非表示にしますが、 論理的に独立したタスクに適切に分割されません。また、それは時代遅れです。
回答:
~/.mozilla/firefox/<profile>
~/Library/Application Support/Firefox/Profiles/<profile folder>
~/Library/Mozilla/Firefox/Profiles/<profile folder>
%appdata%\Mozilla\Firefox\Profiles\<profile folder>
chrome/
存在しない場合はディレクトリを作成しますchrome/userChrome.css
存在しない場合は、内部にファイルを作成します。このテキストをファイルに追加します。
#TabsToolbar { visibility: collapse !important; }
構成toolkit.legacyUserProfileCustomizations.stylesheets
がtrue
(2019年9月以降の安定バージョンであるFirefox69 +に必要)に設定されていることを確認してください。このチュートリアルを参照してください。
ファイルを保存し、firefoxをリロードします。もうタブバーは表示されないはずです。
PSソリューションの一部はここから取得:https : //www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/
#tabbrowser-tabs
か)?OSXでは、これには最小高さ(または何か)が必要だと思いますi.imgur.com/oJOinx4.png
#TabsToolbar { visibility: collapse !important; }
します。OSでこのコードをテストして、動作するかどうかを確認できますか (すべてのOSで動作する共通のソリューションを見つけるのが良いでしょう。)
タブが1つある場合はタブバーを自動的に非表示にし、複数ある場合は表示するようにします。質問と同じではありませんが、これは57+の現在の唯一のGoogle結果に関するものです。userChrome.css
#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }
+
ボタンは表示されたままであるため、タブ領域全体が表示されます。
+
ボタンを削除すると機能します。
VasyaNovikovの答えを要点に蒸留して、LinuxとOS Xのboxenで実行できるようにした。また、彼の答えを適用した後、OS Xの閉じるボタンの下に戻るボタンが配置されることを指摘しておきます。修正方法は、3つの柔軟なスペースをツールバーに挿入することです戻るボタンが右に移動するように3つのスペースを挿入します)。
誰かがuserChrome.cssに挿入する適切なCSSを持ち、戻るボタンで同等の効果を達成する場合、それは大歓迎です。
userChrome.cssに追加
#TabsToolbar {
visibility: collapse;
}
#titlebar {
margin-bottom: -25px !important;
}
#titlebar-buttonbox {
height: 32px !important;
}
#nav-bar {
margin-right: 42px;
}
#main-window[sizemode="maximized"] #nav-bar {
margin-right: 42px;
}
Firefox 70.0で動作しますが、_ □ X
欠落しています。
userChrome.css
異なる要素名とID を使用する新しい回答を追加しました。