Firefoxでタブの位置を下にする方法をご紹介!

Firefoxでタブの位置を下にする方法をご紹介!

ブラウザ・Mozilla Firefoxで、メニューバーの上にタブが表示されているのが嫌で、タブの位置をメニューバーの下にして表示させたいと思ったことはありませんか?この記事では、Firefoxでタブの位置を下にする方法をご紹介しています。


目次[非表示]

  1. Firefoxでタブの位置を下にしたい
  2. Firefoxでタブの位置を下にする方法

Firefoxでタブの位置を下にしたい

ブラウザ・Mozilla Firefoxを使用していて、タブがメニューバーの上に表示されてしまい操作しづらいと思ったことはありませんか?Quantum以前のバージョンではアドオンでメニューバーの下にタブを移動させることができましたが、Quantumでは該当のアドオンが使用できないため困っている方もいらっしゃるかと思います。この記事では、Firefoxでタブの位置を下にする方法をご紹介していきます。

Firefoxでタブの位置を下にする方法

それでは、Firefoxでタブの位置を下にする方法を説明します。Firefoxでタブの位置を下にするには、「userChrome.xml」というファイルを編集する必要があります。Firefoxを起動したら、ウィンドウ右上のメニューボタンをクリックしてメニューを開き、「ヘルプ」をクリックしましょう。

「ヘルプ」のサブメニューが表示されるので、「トラブルシューティング情報」をクリックしましょう。
「トラブルシューティング情報」画面が表示されるので、「アプリケーション基本情報」項目一覧の「プロファイルフォルダー」項目の「フォルダーを開く」ボタンをクリックしてプロファイルフォルダーを開きましょう。項目に表示されているパスを確認して、エクスプローラーで開いてもOKです。
プロファイルフォルダー内の「chrome」フォルダを開いて「userChrome.xml」ファイルをメモ帳などのテキストエディターで開きましょう。もし「chrome」フォルダがない場合はchromeフォルダを新規作成して、フォルダ内でテキストファイルを新規作成して名前を「userChrome.xml」にすればOKです。ファイルを開いて、下記のコードを記入することでメニューバーの下にタブが表示されるようになりますよ。
#titlebar { -moz-box-ordinal-group: 3; }

 

/* メニューを上へ移動 */
#toolbar-menubar { position: fixed; display: inline-flex; }
[sizemode="maximized"]:not([tabsintitlebar="true"]) #toolbar-menubar,
[sizemode="normal"] #toolbar-menubar { top: 1px; }
[sizemode="maximized"] #toolbar-menubar { top: 8px; }

 

/* ツールバーの上にメニューバーのスペースを確保する */
#navigator-toolbox:not([inFullscreen="true"]) { border-top: solid 22px transparent !important; }

関連記事