web-dev-qa-db-ja.com

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

Firefox 57以降( "Quantum")でタブバーを隠す/無効にする/削除する方法?

目的はタブバーを完全に隠すことです。 「ツリースタイルタブ」のような拡張子と組み合わせると便利です。

注:ここでも同様の質問があります。 Firefoxはブラウザのコンテンツ領域 以外のすべてを隠しますが、論理的に独立したタスクには正しく分割されません。また、時代遅れです。

49
VasyaNovikov
  1. あなたのFirefoxの "profile directory"を開いてください。
  2. ディレクトリchromeが存在しない場合は作成します。
  3. ファイルuserChrome.cssが存在しない場合は中に作成してください。
  4. このテキストをファイルに追加します。

    #TabsToolbar { visibility: collapse !important; }
    
  5. ファイルを保存してfirefoxをリロードしてください。タブバーはもう表示されません。

  6. Firefox69 +(9月にリリースされる安定版)をお持ちの場合は、config toolkit.legacyUserProfileCustomizations.stylesheetsをtrueに設定してください。

P.Sここから部分的に取られた解決策: https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

52
VasyaNovikov

タブが1つの場合はタブバーを自動的に非表示にし、複数のタブがある場合はタブバーを表示するようにします。質問と同じではありませんが、これは57+のための今のところ唯一のグーグルの結果についてですので、userChrome.cssでそれを必要とする人々のために

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-child:last-child { display: none !important; }
7
aaron-bru

残念ながら、その特定のUIのカスタマイズは現在Firefox QuantumのサポートされているアドオンAPIでは不可能です。 バグ1332447 が解決されると、適切な解決策が可能になります。

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

6
Callahad

私はVasyaNovikovの答え を私のLinuxとOS X用のboxenで走らせるためにGist にまとめました。私はまた、彼の答えを適用した後、戻るボタンがOS Xの閉じるボタンの下に置かれることを指摘したい。修正はツールバーに3つの柔軟なスペースを挿入することである戻るボタンが右に移動するように3つのスペースを挿入します。

誰かが戻るボタンに同等の効果を達成するためにuserChrome.cssに挿入する正しいCSSを持っているならば、それは大いに感謝されるでしょう。

1
user821800