Firefox131でまた多段タブでなくなってしまいました。多段タブにする方法をまとめました。
各ファイルを上げてくださっている方に感謝感謝です。
※2024/11/28 Firefox133でタブバーがツールバーの上になってしまったので、変更方法を追記
こちらから該当部分に飛べます
ファイルをダウンロード
こちらにアクセスして「多段タブ.zip」をダウンロードします。
ダウンロードページに行くので、ダウンロードします。
ダウンロードされた「多段タブ.zip」を右クリックし、展開します。
今までも使ってた人向け簡単版
131になる前にも多段タブを利用していた人は、「MultiRowTabLiteforFx.uc.js」の変更のみでまた多段タブを使えるようになります。こちらから当該部分に行けます。
Firefoxインストールフォルダにファイルとフォルダを追加
「config.js」ファイルと「defaults」フォルダをインストールフォルダに追加します。
config.jsファイルとdefaultsフォルダの場所
「多段タブ」フォルダ内の「userChrome.js用スクリプトを利用する方法」フォルダを開きます。
中に入っている「config.js」ファイルと「defaults」フォルダを使います。
Firefoxインストールフォルダにファイルとフォルダを追加
Firefoxインストールフォルダを開きます。
C:→Program Files（64bit版の場合）
C:→Program Files(x86)（32bit版の場合）
を開きます。
Mozilla FireFoxフォルダを開きます。
この中に、 上記の「config.js」ファイルと「defaults」フォルダを追加します。
（警告が出ますが無視して「続行」します）
すでにある場合は、上書き（または以前のを別に移動して保存しておきます）
インストールフォルダの場所
Firefoxインストールフォルダの場所が分からない場合は、 Firefoxのヘルプ→「他のトラブルシューティング情報」
を開きます。「プログラムの実行ファイル」に表示されている場所です。
Chromeフォルダにファイルをコピー
Chromeフォルダに3つのファイルをコピーします。
ファイルの準備
1. userChrome.css
userChrome.cssは今まで使っていたものか新しいもののどちらかを使用します。
a. 今まで使っていたuserChrome.cssを再利用する場合
今まで使っていたuserChorome.cssを再利用することが可能です。
タブ幅など前に色々設定してあればこの方法で今まで使っていたものを再利用した方が良いと思います。
もし、toolbarbutton#alltabs-button{-moz-binding: url(“userChrome.xml#js”);}があるのなら削除します。
例）このようになっていたら、削除します。
上記のコードはタブにカーソルを合わせたときにタブを閉じるボタンを表示するというものでしたが効かなくなっていたので、下記のものに書き換えました。
.tabbrowser-tab:not([pinned]) .tab-close-button {
display: none !important
}
.tabbrowser-tab:not([pinned]):hover .tab-close-button {
display: inline-flex !important
}
質問にあった、タブに表示されるフォントの種類とサイズを変更したい場合は下記のコードを入れて、サイズとスタイルをご希望のものに変更してください。
.tab-text.tab-label{
font-size: 20px; font-style: italic;
}b. userChorome.cssを再利用しない場合
userChorome.cssを再利用しない場合、useChorome.cssがない場合は
「多段タブ」フォルダ内の「userChrome.js用スクリプトを利用する方法」フォルダを開きます。
中に入っている「userChrome.css」を使います。
2. userChrome.js
同じフォルダに入っている「userChrome.js」をを使います。
3. MultiRowTabLiteforFx.uc.js
ダウンロードして展開した「多段タブ」フォルダの中の「多段タブ」フォルダを開きます。
中に入っている「MultiRowTabLiteforFx.uc.js」を使います。
このまま使っても多段タブになりますが、右クリックしてメモ帳で開いて好みの設定にします。
開くと、上部にこのような記述があります。
このように、自分の好みに変更して保存します。
プロファイルフォルダにコピーする
Firefoxのヘルプから「他のトラブルシューティング情報」を開きます。
トラブルシューティング情報の「プロファイルフォルダー」欄の「フォルダーを開く」をクリック
開いたフォルダーの中に「Chrome」というフォルダーがあれば、それを開きます。
なければChromeという名前のフォルダーを作成します。
Chromeフォルダーの中身は空にしておきます。（※userChrome.cssは上記の方法で再利用可能です）
（問題が起こったときに戻せるように、中に入っていたファイルを削除するのではなくどこかに保存しておいたほうが無難です）
準備した3つのファイル「userChrome.css」「userChrome.js」「MultiRowTabLiteforFx.uc.js」をChromeフォルダに入れます。（他のファイルがあったらそれも取り除いてください）
これでFirefoxを再起動すれば多段タブ表示ができるはずです。
2024/11/28タブバーがツールバーの上になってしまう
Firefoxの更新で、タブバーの位置がツールバーの上になってしまいました。
再度タブバーをツールバーの下に変更します。
こちらにアクセスして、このuserChrome.cssをダウンロードします。
Firefoxのヘルプから「他のトラブルシューティング情報」を開きます。
トラブルシューティング情報の「プロファイルフォルダー」欄の「フォルダーを開く」をクリック
開いたフォルダーの中の「Chrome」フォルダーを開きます
中に入っている「userChrome.css」をメモ帳などで開きます。
今開いた「userChrome.css」に「@charset “utf-8”;」としか書かれていない場合は、先ほどダウンロードした「userChrome.css」に置き換えます。
今開いた「userChrome.css」に何か書かれている場合は、先ほどダウンロードした「userChrome.css」の内容を追記して保存します。
これで、タブバーがツールバーの下になりました。
コメント
今回も助けていただき、ありがとうございます！！
お役に立ったようで良かったです。
前にはあった、タブで使用される文字のフォントとサイズを変更するには、どう設定したらいいでしょうか？
「userChrome.css」に
.tab-text.tab-label{
font-size: 20px; font-style: italic;
}
と書いたらサイズとフォントを変更できました。試してみてください。
上手く変更することが出来ました。 アドバイスをありがとうございました。
良かったです。
こんにちは
いつもありがとうございます
今回タブが多い場合 横１列で続くようになってるのですが
前のように２段３段になるようにするにはどうしたらいいのでしょうか
ある程度のタブが開くて２段目とかになってのですが
MultiRowTabLiteforFx.uc.js のメモ帳でたぶん設定するとは思うのですが
どこをさわればいいのかおしえてください
よろしくお願いします
ご希望の2段3段（＝多段タブ）にするのがこの記事の目的ですので
記事の最初から手順に従ってやってみてください。多段タブになると思います。
それでもできなかったり、わからないところがありましたらお知らせください。
こんばんは
お返事ありがとうございます
今までの場合は
タブの位置が通常下にあるのが
バージョンアップされると上にくるのがパターンで
多段タブとタブの位置については
ここで教えてもらった方法でいつも解決していたんですが
今回は 教えてもらった方法だけでは解決しなくて
MultiRowTabLiteforFx.uc.js のメモ帳で
// タブバーの位置
1 ,// [0] = ツールバーの上 デフォルト
// 1 = ツールバーの下
// 2 = ウインドウの下
これがデフォルトで O なので
これを１にして タブの上下はなおりました
ただ多段タブも
今回は このメモ帳でやるようなので
教えてほしかったんです
前までは ダウンロードしたやつを 入れなおしたらなおってたんですけどね
よろしくお願いします
前までは
多段タブのスクリプトが 最初から数種類あって 好みをを選んで
やればよかったのが
今回はメモ帳での設定のようです
いろいろ試して
タブバーの段数
true
タブバーの段数「true」用 通常1段にしてタブバーをマウスオーバーで2段目以降を指定した段数まで表示
true
で多段タブができるようになりました
前までは 何パターンあるのから選べ
が
前回、今回のは 自分で好きなようにして
になってるような気がします
このサイトで参考になるので感謝です
ありがとうございました
できたようで良かったです。
記事のように、新しい「多段タブ.zip」をダウンロードして、その中に入っている
「MultiRowTabLiteforFx.uc.js」をお使いになっているということでしょうか？
それでしたら、「MultiRowTabLiteforFx.uc.js」をメモ帳で変更する必要なく、多段タブになるはずです。
今回のりのりさんが新しくしたのは「MultiRowTabLiteforFx.uc.js」のみですか？
それでしたら記事の通りに全てのファイルとフォルダーを新しくダウンロードした「多段タブ.zip」のものを使って
試してみてください。
タブバーの段数「true」用 通常1段にしてタブバーをマウスオーバーで2段目以降を指定した段数まで表示
true
これは別に不要でした
メモ帳の
①タブバーの位置
１
②タブバーの段数
true
この２つだけでいいみたいでした
今回の記事の通りだと
タブの位置の上下 も 多段タブ もそのままではかわりませんでした
ちなみに
MultiRowTabLiteforFx.uc.jsを含めすべてダウンロードしたものに
今までつかってたものから置き換えてやっています
今回はメモ帳で変更して 直った感じです
私の方ではそのままで多段タブになったので環境によって違うのかもしれませんね。
いつも助けていただき本当に感謝です。
このサイト無ければファイヤーフォックスやめてるかもしれません。
ありがとうございました。
お役に立ったようで良かったです。