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

Firefox 57+ ("Quantum") でタブバーを非表示/無効化/削除する方法は?

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

注:ここにも似たような質問があります:https://superuser.com/questions/977912/firefox-hide-everything-except-content-area-of-the-browser しかし、論理的に独立したタスクに適切に分割されていません。また、時代遅れでもあります。

質問へのコメント (2)

1.Firefoxのquot;profileディレクトリ&quotを開きます;

  • 公式ドキュメントにその方法が載っています: https://support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile

  • もしくは開くだけ:

    • Linux: ~/.mozilla/firefox/ です。

    • OSXの場合

      • または ~/Library/Application Support/Firefox/Profiles/ です。
      • または、~/Library/Mozilla/Firefox/Profiles/ です。
    • Windows:%appdata%Mozilla/Firefox/Profilesのプロファイルフォルダ。 2.ディレクトリ chrome/ が存在しない場合は作成する。 3.chrome/userChrome.css`が存在しない場合は、内部に作成する。 4.このファイルに次のテキストを追加します:

      TabsToolbar { visibility: collapse !important; }.

5.config toolkit.legacyUserProfileCustomizations.stylesheetstrue に設定されていることを確認する(2019年9月以降の安定版であるFirefox69+では必須)。このチュートリアル を参照ください。

6.ファイルを保存し、Firefoxを再読み込みします。タブバーが表示されなくなるはずです。

P.S. 解答はここから一部引用しています: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

解説 (11)

タブが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; }
解説 (3)

残念ながら、この特定のUIカスタマイズは、Firefox Quantum'のサポートするアドオンAPIでは現在不可能です。Bug 1332447 が解決されれば、適切なソリューションが可能になるでしょう。

それまでは、VasyaNovikov'の userChrome.css への修正が有効ですが、そのファイルを編集することは、あなた自身のリスクで、公式にはサポートされていないオプションであることは間違いありません。

解説 (0)

私はVasyaNovikov'の答えをgistにまとめ、私のLinuxとOS Xボックスンで実行しました。いくつかのパーソナルマシンを持つ他の誰かの助けになれば幸いです。彼の答えを適用した後、OS Xでは戻るボタンが閉じるボタンの下に置かれることも指摘しておきたい。修正方法は、ツールバーに3つのフレキシブルスペースを挿入することです(ツールバーを右クリックしてカスタマイズを選択し、3つのスペースを挿入して、戻るボタンが右側に移動するようにします)。

もし、userChrome.cssに挿入して、戻るボタンと同等の効果を得るための正しいCSSをお持ちの方がいらっしゃいましたら、ぜひ教えてください。

解説 (0)

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」がありません。

解説 (0)