【Firefox】上部のタブバーを隠す方法

Firefox Quantumで上部に表示されるタブバーを隠す方法のご紹介です。

スポンサーリンク

Firefox上部のタブバー

Firefoxでツリー型タブやVertical Tabs Reloaded等のタブバーを横に表示するアドオンを使用していると、上部とサイドの二ヶ所にタブバーが表示されてしまいます。

Firefox Quantumより前であればアドオン自体に上部タブバーを非表示にする機能が搭載されていましたが、現在はFirefoxの仕様により搭載されていません。

しかし、Firefoxのテーマ機能（userChrome.css）を使用することでタブバーを非表示にすることができます。（アドオンとは別の機能）

よって、このページではテーマ機能を利用したタブバーを隠す方法をご紹介します。

参考：デフォルトスキンの変更 – Mozilla | MDN

---

タブバーを隠す方法

1. ウィンドウ右上のメニューボタンをクリックし、「ヘルプ」を選択
   
2. 「トラブルシューティング情報」をクリック
   
3. プロファイルフォルダー右横の「フォルダーを開く」をクリック
   
4. 新しいフォルダーを選択
   
5. chrome と入力し、エンター（Enter）
   
6. 作成したchromeフォルダをクリック
   
7. 非表示CSS（userChrome.css）をダウンロードして、chromeフォルダに移動
   
8. 次のようになっていれば、Firefoxを再起動して完了です。
   

---

【おまけ】見た目を整える

タブバーを消すとその部分に他の要素が繰り上がり、右上の閉じるボタン周辺のスタイルが崩れてしまいます。

この場合はタイトルバー（ページ名）を表示すると、ちょうど良く見た目が整います。

タイトルバーの表示方法

1. ウィンドウ右上のメニューボタンをクリックし、「カスタマイズ」を選択
   
2. 「タイトルバー」にチェックし、完了をクリック
   
3. 以上で完了です。
   

---

サイトタブ上部の表示も消したい

サイトタブ上部に表示される「ツリー型タブ」と表示される部分を非表示にしたい場合は、

先程の「 7. 」の部分の非表示CSSとしてこちらを使用してください。

---

Firefox Quantumのレイアウトカスタマイズ

似た内容の記事を多数公開しています。よろしければご覧ください。