Firefox 57 + Quantumでタブバー（タブストリップ）を非表示にする方法

Firefox 57+（”Quantum”）でタブバーを非表示/無効/削除するには？

目的はタブバーを完全に隠すことです。Tree Style Tab” のような拡張機能と組み合わせて使うと便利です

注：ここにも似たような質問があります。Firefoxはブラウザのコンテンツ領域以外のすべてを隠しているが、論理的に独立したタスクに適切に分割されていない。また、それは時代遅れです

　 67　 VasyaNovikov　 2017-11-15

ベストアンサー

あなたのFirefoxの “プロファイルディレクトリ “を開きます
- 公式ドキュメントのやり方。https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
- あるいは、ただ開けているだけ
  - Linux: ~/.mozilla/firefox/<profile>
  - OSX:
    - ~/Library/Application Support/Firefox/Profiles/<profile folder>
    - または ~/Library/Mozilla/Firefox/Profiles/<profile folder>
  - Windowsの場合。%appdata%\Mozilla\Firefox\Profiles\<profile folder>
存在しない場合は、chrome/ディレクトリを作成します
存在しない場合は、内部にchrome/userChrome.cssファイルを作成する

このテキストをファイルに追加します

#TabsToolbar { visibility: collapse !important; }

設定 toolkit.legacyUserProfileCustomizations.stylesheets が true に設定されていることを確認してください（Firefox69+、2019年9月以降の安定版では必須）、このチュートリアルを参照してください
ファイルを保存して、Firefoxをリロードしてください。タブバーが表示されなくなっているはずです

P.S. 解決策の一部はここから引用しました。https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

71　 VasyaNovikov　 2017-11-15

タブバーは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; }

13　 aaron-bru　 2017-11-23

残念ながら、この特定の UI カスタマイズは Firefox Quantum がサポートしているアドオン API を通じて現在はできません。Bug 1332447 が解決されれば、適切な解決策が可能になるでしょう

それまでは、VasyaNovikov の userChrome.css への微調整は動作しますが、そのファイルを編集することは、間違いなく自己責任で、公式にはサポートされていないオプションです

9　 Callahad　 2017-11-16

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が抜けています

3　 lyuboslav kanev　 2019-10-31

VasyaNovikov氏の回答を要約にして、私のLinuxとOS Xのboxenで実行してみました。私はまた、彼の答えを適用した後、OS Xでは閉じるボタンの下に戻るボタンが座っていることを指摘したいです。修正は、ツールバーに3つの柔軟なスペースを挿入することです（ツールバーを右クリックして、カスタマイズ…を選択し、バックボタンが右に移動するように3つのスペースを挿入します）

もし誰かがuserChrome.cssに挿入してバックボタンと同等の効果を得るための正しいCSSを持っているならば、それは非常に感謝されるだろう

1　 user821800　 2017-11-21