Firefox57で多段タブを使う方法

Firefox57で多段タブを使う方法をまとめます。

userChrome.cssを編集することで利用可能となります。

手順はいつも通りです。

  1. Firefoxを終了します
  2. プロファイルフォルダのChromeフォルダの「userChrome.css」を開きます
  3. 下記の内容をコピペしてファイルを保存します
  4. Firefoxを起動します
/* 多段タブ設定 */
#titlebar-buttonbox {
  vertical-align: top !important;
  display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
  overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
  display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
  min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
    margin-right: -41px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
  min-height: 32px !important;
  max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
  vertical-align: top !important;
  -moz-box-sizing: border-box !important;
  min-height: 32px !important;
  max-height: 32px !important;
}
/* 新しいタブボタン */
.tabs-newtab-button {
  vertical-align: bottom !important;
  height: 30px !important;
}

以上で多段タブに対応しているはずです。

タブの幅を変えたい場合は、「browser.tabs.tabMinWidth」の値を変更しましょう。方法は、1.「about:config」で変更する、2.user.jsで変更するの2通りあります。

Firefoxの設定を細かく変更したい場合、「about:config」で変えてしまうのが一番手っ取り早いです。しかし、「about...

なお「userChrome.cssの場所がわからない」、「Chromeフォルダがない」という場合は下記の記事を参考にしてください。

Firefoxで「右クリックで表示される「コンテキストメニュー」から、不要な項目を消す方法のまとめです。「userChrome.cs...

追記:

redditに少し違うやり方が載っています。

詳しくはコメント欄からredditに飛んでご確認ください。

スポンサーリンク
スポンサーリンク
スポンサーリンク

フォローする

スポンサーリンク
スポンサーリンク

コメント

  1. hosiken より:

    Redditにも多段タブのcssが貼られています。
    個人的にはこちらのほうが想定の挙動に近いです
    https://www.reddit.com/r/firefox/comments/6yvi2j/yet_another_collection_of_addons_to_imitate_tab/dmrniao/?context=1

  2. 金蛙 より:

    例えば3段固定にして、それ以上はスクロールするようにという設定は可能でしょうか?

  3. Sopipyo より:

    macOSを使っており、タブのクローズボタンを左側に配置したいのですが可能でしょうか。どこかに参考となる情報がありましたらお教えくださるようお願いいたします。

    • 管理人 より:

      わたしはWindows使いなのでMac系のサイトは見ないんですが、左側配置は見たことがないように思います。
      ただCSSなのでどうにかはなりそうですね。