ドラッグでタブ移動も可能!Firefox85.0の多段タブ設定方法について

雑記
advertisement

記事概要

この記事ではFirefoxへの多段タブ導入方法を説明します。

導入方法

プロファイルフォルダを開く

  1. Firefoxのアドレス入力欄に about:support と入力して開く
  2. 以下の画面が表示されるので、赤枠の フォルダーを開く ボタンを押下

多段タブツールの配置

  1. こちらのページからFirefox 多段タブ.zipをダウンロードし解凍
  2. chromeフォルダ を先述のプロファイルフォルダ内へ配置
  3. defaultsフォルダconfig.js をFirefoxのインストールフォルダ(※)内へ配置
    ※デフォルトでは C:\Program Files\Mozilla Firefox

多段タブツールの有効化

  1. Firefox再起動

カスタマイズ

タブ幅の固定 / 可変を変更

  1. 先ほど配置したchromeフォルダ内の MultiRowTabLiteforFx.uc.js をエディタで開く
  2. --tab-growth の値を以下のように編集
    • 固定にする場合:0を指定
    • 可変にする場合:1を指定
          /* Editable variables */
          :root {
              --tab-growth: 0;
          }
      
RAZER ゲーミングマウス DeathAdder V2 [光学式 /8ボタン /USB /有線] RZ01−03210100−R3M1

コメント

  1. アバター 柊菜緒 より:

    隠しタブを利用したタブグループプラグインと併用すると
    非表示のタブまですべて表示された上でそのタブはクリックできない現象が発生しますね。
    それ以外は完璧なのですが……

    • やきいも やきいも より:

      コメントありがとうございます!

      >隠しタブを利用したタブグループプラグイン
      プラグイン名を教えてもらうことは可能でしょうか?
      解決できないか調べてみます♪

      • アバター 柊菜緒 より:

        Simple Tab Groups
        って言う名前のアドオンですね。
        https://addons.mozilla.org/ja/firefox/addon/simple-tab-groups/

        私は現在Firefox62を使用していますがやきいもさんから返信が返ってくるまでの間に
        対応バージョンが63(Beta)以上にあがっているようなのでご注意ください。

        • やきいも やきいも より:

          10/23にバージョン63が正式リリースされるようなので
          その後に確認してみますね。

          • アバター 柊菜緒 より:

            Firefoxとアドオンをアップデートして再リンクされた
            ところからダウンロードし直して入れたら正しく動きました。
            これって行数の制限は出来ないのでしょうか?

            なお、リンク切れしてた時にファイル名でググってダウンロードしたので
            誰かが改変を加えたものだったのかもしれません。

            自分がダウンロードしたファイルのダウンロード元
            https://u6.getuploader.com/script/download/1746

          • やきいも やきいも より:

            >Firefoxとアドオンをアップデートして再リンクされた
            >ところからダウンロードし直して入れたら正しく動きました。
            問題が解決したみたいで良かったです!

            >これって行数の制限は出来ないのでしょうか?
            MultiRowTabLiteforFx.uc.jsを修正すれば可能だと思いますが
            行数を制限すると、その行数を超えたタブは表示 / 選択できなくなると思いますよ。

  2. アバター nana より:

    初めまして、こんにちは
    多段タブを移動させる方法を調べてこちらに辿りつきました

    2019/01/27時点で動作確認済みとのことで使ってみたいと思ったのですが
    userChrome.cssをDLすることができませんでした
    つくったもの置き場にもAmazon Echo Dot スキンシールのみある状態です
    DLの方法を教えてくださると嬉しいです

    • やきいも やきいも より:

      コメントありがとうございます!
      リンク先の更新を忘れていました、すみません。

      URLの更新および、Firefox最新版(65.0)に対応したファイルを配置したので
      ぜひ使ってみてください。

      • アバター nana より:

        無事に多段タブの移動をさせることができるようになりました
        丁寧な対応をしてくださってありがとうございました!

  3. アバター fill より:

    とても便利なのですが、ダークテーマのみ適用しないようにすることはできないのでしょうか・・・?

  4. アバター ひろんた より:

    65になって不具合があったので試したらうまくいきました。
    ダークモードを通常にしたいのですが。

  5. アバター かい より:

    はじめまして とても助かります。ありがとうございます。
    Tab をアドレスバーの下にする方法は各所で言及されていますが、一つのcssにまとめることは出来るでしょうか?

  6. アバター 匿名 より:

    いつも使わせていただいております。ありがとうございます。

    以下の方法でダークモード解除に成功しましたので、やきいも様に代わりコメントします。

    chrome.zip 2019.2.7更新版に対して、以下3点を行う。
    ①userChrome.cssの13行目「/* COLORING PART STARTS HERE */」以下をすべて削除する。
    ②userChrome.css、userChrome.xml、MultiRowTabLiteforFx.uc.js *以外*を削除する。
    ③firefox再起動

    • アバター 匿名 より:

      自己レス
      「2019.2.7」は私がダウンロードした日でした。失礼しました。
      現時点でアップされているものに対して、変更して下さい。

      • アバター fill より:

        ダークモード解除の方法どうもありがとうございます。
        ただ・・・確かにダークモードは解除されるのですが、タブのドラッグ移動が不能になってしまいました
        これでは普通のuserChrome.css改変と変わりないので、なんとかしたいのですが・・・

        • アバター 匿名 より:

          ①userChrome.cssの13行目「/* COLORING PART STARTS HERE */」以下をすべて削除する。
          これだけでOKです。
          他は変更なしでFirefox再起動でうまくいきませんか?

  7. アバター ひろんた より:

    私も同じことをやって対処していました
    正確にいうと昔のCSSを使ってそれ以外を削除しています。
    対応されたら暫定のまま待とうと思っていましたが
    結局は同じ内容ですね

    再起動で消したはずのタブが復活するか
    まだ試していませんがわかったら報告します。

  8. アバター 匿名 より:

    ダークモードの解除方法は未だに不明でしょうか?
    コメント欄に報告して頂いた方々の方法(主にuserChrome.cssの13行目「/* COLORING PART STARTS HERE */」以下をすべて削除する)を試みても真っ黒のままで変わりなく、ブックマークバーの文字が非常に見えづらくて不便です。

  9. アバター 匿名 より:

    タブの幅を変更する方法はありませんか?
    「MultiRowTabLiteforFx.uc.js」にある「min-width:100px}」の100を1000に変更しても、変化がありません。
    特にピン留めしたタブがサイト名が一切見えず、アイコンしか見えないのは何とかして頂きたい所存です。

    • アバター 匿名 より:

      ピン留めしていないタブの幅は自己解決致しました。しかし、ピン留めしたタブは相変わらずアイコンのみのままです。

  10. アバター TMM より:

    66でもタブ多段にできるようになりましたがLightテーマが使えなくなましたね。
    あとテーマによってはadblockで消した広告の部分が真っ黒に穴が空いたようになります

  11. アバター TMM より:

    すいません!過去のコメントにダークモードの解除方法ありました。
    自己解決しました。お騒がせして申し訳ありません。

  12. アバター sato より:

    66で急にそれまで使用していた多段タブが解除されたため、
    慌ててこちらでcrome.zip入れさせて頂き、多段タブ復活致しました。

    ダークモードは、上に書かれているとおり

    ①userChrome.cssの13行目「/* COLORING PART STARTS HERE */」以下をすべて削除する。

    最初、13行目以下もズラリと長い記述あったので、
    これ全て削除で良いのか迷いましたが、13行目だけ削除では無く、
    13行目から1番下までの長い記述全部を削除で無事ダークモード解除出来ました。

    皆様ありがとうございました。

  13. アバター TMM より:

    ダークモード解除してもスクロールバーが黒いままなのと時々adblockで消した広告の部分が真っ黒に穴が空いたようになるのは修正できませんか?

  14. アバター 匿名 より:

    私も66からタブの設定が初期化?され困っていたのでググってこちらにたどり着きました。

    やきいもさまの説明通りにやって無事に幅や多段が復活できました。
    ありがとうございます。とても助かります。
    ブックマークさせていただきます!

    ダークモードはこれまで使っていなかったのですが、丁度良い機会と思いダークモードで使っていくことにしました。デスクトップ背景色はずっと黒一色でしたし。

  15. アバター 8823 より:

    66にアップデートされたのを機にここにたどり着きました。
    ①userChrome.cssの13行目「/* COLORING PART STARTS HERE */」以下をすべて削除する。
    これとプロファイルのフォルダに入れるファイルを
    MultiRowTabLiteforFx.uc.js
    userChrome.css
    userChrome.xml
    の3つだけにする
    これでダークモードは解除されると思います。

  16. アバター TMM より:

    今度は閉じたタブが再起動すると復活するようになりましたね…他の方はどうですか?

    • アバター より:

      なりますね。
      例えば八つのタブを開いた状態のブラウザで三つのタブを閉じた後ブラウザを終了。そしてブラウザを再起動したとき本来は五つのタブが復元されるはずなのに再び八つのタブが開かれるって感じです。

  17. アバター ななし より:

    66に導入してみましたがタブが変な場所に移動される時もあったり
    あと上にもありますがタブ復元がおかしい時もあったりと若干不安定なようですね

  18. アバター AKIRA より:

    こんにちはAKIRAと申します。
    タブをホイールスクロールで隣のタブに移動する方法はないでしょうか。
    あと、タブの高さを変えたいのですがどこをいじったら良いでしょうか。

    よろしくおねがい致します。

  19. アバター studiosimp より:

    案内にあります「ダークモード解除方法」を実施しても、
    ページ内の「スクロールバー」がダークモードから解除されないようです。
    解除方法をご提示くださるとありがたいです。

    • やきいも やきいも より:

      コメントありがとうございます!
      やり方を記事に追加したので実施してみてください。

  20. アバター ken より:

    情報ありがとうございます。
    無事に多段タブになることは確認できたのですが、タブ部分を4行ぐらいでスクロールさせるようなことは
    無理でしょうか。

    開いているタブが多く、表示領域を圧迫してしまいますので・・・・。

    よろしくお願いします、。

    • やきいも やきいも より:

      コメントありがとうございます!
      やり方を記事に追加したので実施してみてください。

      • アバター ken より:

        やきいもさん!
        素早い対応、有難うございます、追加された情報を参考に行ったところ無事に適用することが出来ました!

        本当にありがとうございました!!!!!

  21. アバター 匿名 より:

    便利なツールをありがとうございます
    多段タブにできとても助かりました。

    ただ、記事にかいてあるように「ダークモードを解除」を行ってもスクロールバーだけがダークモードのままになってしまいます。(ブックマークのほうも、メインページのほうも)
    方法がありましたらご教示いただけると幸いです。
    よろしくおねがいします。

  22. アバター 匿名 より:

    前のコメントにも投稿がありますが、
    「ダークモードを解除」を行ってもスクロールバーだけではなく、
    オプション設定やabout:supportのトラブルシューティング情報もダークモードのままになっています。

    方法がありましたらご教示いただけると幸いです。
    よろしくおねがいします。

  23. アバター 匿名 より:

    スクロールバー等ウィンドウ内部の色を変えたくない場合は
    userContent.css
    これを削除すればダークモードにはならなくなるはずです

  24. アバター 匿名 より:

    userContent.cssを削除したらタブまで黒くなりました。
    userContent.cssを戻して、開いて16行目を「 –scrollbars-track-color: #dddddd;」に変えたら灰色になりました。

  25. アバター 匿名 より:

    2019年4月5日現時点でのfirefox ver66.0.2の情報ですが、
    やきいもさんのやり方
    ・userChrome.cssの「/* COLORING PART STARTS HERE */」以下を全て消去
    ・userChrome.xmlの以下4行をコメントアウト

    それと
    userContent.css
    scrollbars.as.css
    ↑この二つを削除したらダークモードが解除出来ました、スクロールバーの色も元通りです。
    今のところはですが。

  26. アバター 匿名 より:

    追記です、上記のやり方でダークモードは解除出来たと思っていたのですが、
    まだポップアップの表示がダークでした
    tooltips.as.css
    ↑これも削除したらポップアップも元に戻りました。
    まだ抜けがあるかもしれないです。

  27. アバター 匿名 より:

    更に追記
    addons.css
    checkboxes.as.css
    ↑も要らない見たいです(ヽ´ω`)

  28. アバター 匿名 より:

    66.0.2になり多段タブが使えなくなり非常に困っていました。
    このサイトのおかげで多段タブがまた使えるようになり助かってます。

    userContent.css を消すとメニューバーがダークモードになりますね。
    ソース表示やローカルのhtmlファイルを開くと、background-colorを設定していてもダークモードです。

  29. アバター 匿名 より:

    ありがとうございました。
    ただ、もうfirefoxの必要性を感じなくなってきました。

  30. アバター 匿名 より:

    タブをスクロール版を使用させていただいております。

    便利に使わせていただいているのですが、現在はタブが3段で表示されているのですが
    こちらをもう少し大きくしたりしたいのですがどこの値をいじったらいいかわかるかたいますか?

    ドラックで可変にできると最高なのですが。

    後、一番したの段はタブの数でタブの大きさが変動しますが、こちらを固定にする方法とかありますでしょうか。

    質問ばかりですみません。

    • アバター 匿名 より:

      >タブ段数
      MultiRowTab-scrollable.uc.jsのmax-tab-rowsの値を変える
      可変にする方法は分かりません。

      >タブ幅の固定
      _MultiRowTabLiteforFx.uc.jsのtab-growthが1の場合は0にする
      でいけるかと思います。

  31. アバター 匿名 より:

    Tab Mix Plus が使えなくなって、特に多段表示ができないことで困っていたので助かりました。
    ありがとうございます。

    Firefox 66.0.3 で、タブ幅を変更しようとして、
    MultiRowTabLiteforFx.uc.js 内 –min-tab-width: 100px; を変更、保存、再起動しましたが、
    タブ幅が変わりませんでした。 また、タブ幅の可変もできませんでした。
    私の環境の問題でしょうか?

    • アバター 匿名 より:

      解凍したファイルに
      _MultiRowTab-scrollable.uc.js
      がある場合はそちらを変更する必要があるかと思います。
      66.0.5では変更可能でした。

  32. アバター 匿名 より:

    Firefox 66.0.5に導入しましたが、タブが多段になりません。
    ダークモードにもなりません。環境のせいでしょうか。

    • アバター 匿名 より:

      2019年5月9日 08:10の書き込みをした者です。
      こちらの間違いでした。プロファイルフォルダがボタンでは開かなかったので
      手動で開いて「Chome」フォルダを入れたのですが、プロファイルフォルダを
      「Profiles」という名前のフォルダだと思い込んでおり、そこに入れてしまっていました。
      その下の「英数字.default」というフォルダに入れるのが正解でした。
      すみませんでした。

  33. アバター 匿名 より:

    66.0.5において

    ・タブの幅について
    コメントにもある通り
    MultiRowTabLiteforFx.uc.js
    _MultiRowTab-scrollable.uc.js
    両ファイルの項目を設定する事によって幅の固定ができました

    ・オプション画面等のダークモードについて
    記事の設定をした所,新しいタブやオプション画面の背景は変更されませんでしたが
    記事設定に加えてuserContent.cssをフォルダから移動した所
    細部のダークモードも解除されました
    ただこの操作における影響があるのか判断できませんので
    ファイルは削除せずに保持しておいた方がいいと思います

  34. アバター 匿名 より:

    68.0.2までこのツール重宝させていただきました。
    69.0の更新が来ましたがアップデートすると使えなくなりますのでご注意を。
    おそらく何か仕様が変更されているのだと思います。

  35. アバター 匿名 より:

    69.0に更新して、やはり崩れましたね。
    急いでここに来ましたが、chrome.zipでは対処できないようですね。
    ご対応を待ちたいと思います

  36. アバター 匿名 より:

    他サイト様ですが、既に有志の方がアップして下さり、
    69.0でも多段タブ化できましたので、お知らせしておきますね。
    http://seibunji.blog.jp/archives/52272180.html

  37. アバター 匿名 より:

    他サイト様ですが、既に有志の方がアップして下さり、
    69.0でも多段タブ化できましたので、お知らせしておきますね。
    ttp://seibunji.blog.jp/archives/52272180.html

  38. アバター 匿名 より:

    他のは多段タブ化できてもタブ移動に難がある。
    やっぱりここのが一番使いやすい。

  39. アバター yuuki より:

    ピン止めしたタブがあると多段タブ化できないのでしょうか?
    記載されている通りにしても多段化できませんでした。
    fire fox 75.0 (64 ビット)

タイトルとURLをコピーしました