【18/10/21 リンク切れ修正】ドラッグでタブ移動も可能!Firefox62.0.3の多段タブ設定方法について

【18/10/21 リンク切れ修正】ドラッグでタブ移動も可能!Firefox62.0.3の多段タブ設定方法について

Firefox Quantumになって高速化されたのはいいのですが、
便利なアドオンが使えなくなって結果的に不便になりましたよね。

特に大きいのは「Tab Mix Plus」が使えなくなって、
タブの多段表示が出来なくなったことです。

多段タブにする方法を検索するとuserChrome.cssを配置して
実現する方法がたくさん出てきます。
でもやってみると分かりますが結構不具合があるんですよね。

  • タブを移動するとドロップした位置に配置されない
    ※特に2段目以降のタブを移動すると、全て1段目に移動される
  • UIの配置が崩れる(最大/最小化、閉じるボタンがツールバーに被さるなど)

今回は上記のような不具合が解消されたツールを見つけましたので、導入方法を記載します。
2018/08/26時点のFirefox最新版(61.0.2)で動作確認済みです。

導入方法

プロファイルフォルダ(chrome)を開く

Firefoxのアドレス入力欄に「about:support」と入力してください。
以下の画面が表示されるので、赤枠の「フォルダーを開く」ボタンを押しましょう。

多段タブツールの配置

Firefox_chrome.zipをダウンロードします。
zipを解凍するとchromeフォルダが入っていますので、
それを先ほど開いたプロファイルフォルダにコピーします。

次にMultiRowTabLiteforFx.uc.jsをダウンロードしてください。
このファイルを先ほど配置したchromeフォルダ内にコピーしてください。
この時点で以下のようになっているのが正解です。

後はFirefoxを再起動すれば完了です!

カスタマイズ

上記の導入が終わった状態だとタブ幅が可変になっており、個人的には使いにくいです。
タブを新規で閉じる/開くたびにタブ幅が変わるので、間違えて違うタブを選択してしまったりするんですよね。

タブ幅を固定にする方法はMultiRowTabLiteforFx.uc.jsをテキストエディタで開き、以下のように赤字の1行を追記するだけです。

/* MULTIROW TABS CSS */
.tabbrowser-tab:not([pinned]) {
flex-grow:1;
max-width:100px !important;
min-width:100px !important}

最後に

後で見たいサイトやリンクを一通り開いてまとめて読みたい時など
タブで開いておくと便利なのですが、多段表示できないと見にくいですよね。

多段タブを試したことが無い方もぜひ導入してみてください。
便利すぎて手放せなくなるはずです!

LINE@始めました!

LINE@ではブログに載せていない情報を流してます!
格安SIMの契約、スマホ購入、個人輸入などIT関連のご質問や
BitClubでのマイニング投資なども気軽にご相談ください。

雑記カテゴリの最新記事