Firefox81版はこちらです。
Firefox69にバージョンアップされて、また多段タブが表示されなくなり、
解決法を探しましたので記録しておきます。
下記の方法で私は多段タブ＆タブバーを下に表示することができましたが
環境が違う他の方が全て同じ方法でできるとは限りませんので、ご了承ください。
zipを上げてくださっている方に感謝感謝です。
準備その１ MultiRowTabLiteforFx.uc.jsを用意
こちらにアクセスします。
（68+）が入っている「多段タブ.zip (多段タブ.zip)」をクリック
（68+）が入っていることを確認して「ダウンロード」します。
解凍してできたフォルダー内の「69」フォルダーを開きます。
フォルダー名を見て、好みのフォルダーを開きます。
フォルダー内の「MultiRowTabLiteforFx.uc.js」を使います。
準備その２ userChrome.css/.js/.xml を用意
先程ダウンロードした「多段タブ.zip」の
「userChrome.js用スクリプトを利用する方法」フォルダーを開きます。
「Firefox 69以降用」フォルダーを開きます。
入っているuserChrome.css/.js/.xmlの3ファイルを使います。
フォルダーにファイルをコピーします。
ファイルの準備が整ったので、上記の4ファイルをFirefoxのフォルダにコピーします。
コピーする場所を開きます。Firefoxのヘルプから「トラブルシューティング情報」を開きます。
出てきた、トラブルシューティング情報の「プロファイルフォルダー」欄の「フォルダーを開く」をクリック
開いたフォルダーの中に「Chrome」というフォルダーがあれば、それを開きます。
なければChromeという名前のフォルダーを作成します。
Chromeフォルダーの中身は空にしておきます。
（問題が起こったときに戻せるように、中に入っていたファイルを削除するのではなく
どこかに保存しておいたほうが無難です）
準備した4つのファイルをChromeフォルダに入れます。
Firefoxを再起動して、多段タブ&タブバーがアドレスバーの下に来ていれば成功です。
タブのサイズ固定
タブのサイズを固定するには
＜横幅の場合＞
tabs tab[fadein]:not([pinned]) {
min-width: 100px !important;/* 最小値 デフォルト 76px */
max-width: 100px !important;/* 最大値 デフォルト 225px */
}＜縦幅の場合＞
tabs tab[fadein]:not([pinned]) {
min-height: 10px !important;/* 最小値 デフォルト 76px */
max-height: 10px !important;/* 最大値 デフォルト 225px */
}
をuserChrome.cssに追記して、数字を変更すれば固定できます。
こんな感じです。縦横の一方だけ固定したい場合は、固定したい方だけ記載すれば問題ありません。
非アクティブタブにマウスを載せた時に閉じるボタンを表示する
個人的にこれがないと不便なので。上記と同様に、「userChrome.css」に
/* Showing close button on tabs */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }を追加します。
どれか１つクリックお願いします。
コメント
更新のたびに参考とさせていただいております。おかげさまで今回も余計なストレスが解消いたしました。厚く御礼申し上げます。
>fuyuigoroさん
お役に立ったようで良かったです。.zipを上げてくださった方に感謝です。
Firefox69に更新した途端に以前の使用できなくなって検索したらここにたどり着きました。本当に助かりました。
>nanashiさん
お役に立ったようで良かったです。zipを上げてくださった方に感謝です。
ありがとうございます。参考にさせていただきました。非常に助かりました。
タブバーをアドレスバーの上に表示することは可能でしょうか？
>TORIさん
MultiRowTabLiteforFx.uc.jsを開くと
/* ツールバー 並べ替え */の下が
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#nav-bar { -moz-box-ordinal-group: 2 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 3 !important; }
#titlebar { -moz-box-ordinal-group: 4 !important; }
となっていますが、
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#titlebar { -moz-box-ordinal-group: 2 !important; }
#nav-bar { -moz-box-ordinal-group: 3 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 4 !important; }
にするとできるのではないかと思います。
試してみてください。
ありがとうございます。うちの69.0でも無事に多段に戻すことができました！タブ幅変更の手段も記載してありましたのでそれも使わせてもらってます。
あとは、新規タブの「+」ボタンを左端に移動させるすべがわかれば万々歳なのですが・・・(汗)
>ななしさんさん
「＋」ボタンを左端という使い方もあるんですね。
今まではどのようにして左に移動していたのでしょうか？
＞bunji_さま
Firefox標準機能の「カスタマイズ」モードにして、「+」アイコンを左端にドラッグすれば移動できていたんですよ。
・・・と説明の確認のために改めて試したところ、問題なく左端に移動させることができました。。。
なんなんでしょう。不思議ではありますが、、一件落着、万々歳とさせてください(滝汗)
>ななしさんさん
無事解決してよかったです。
Firefox69の対応ありがとうございます。
ところで、ブックマークツールバーをタブバーの下に表示したいのですができますか？
>たまごさん
MultiRowTabLiteforFx.uc.jsを開くと
/* ツールバー 並べ替え */の下が
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#nav-bar { -moz-box-ordinal-group: 2 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 3 !important; }
#titlebar { -moz-box-ordinal-group: 4 !important; }
となっていますが、これを
#toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
#nav-bar { -moz-box-ordinal-group: 2 !important; }
#titlebar { -moz-box-ordinal-group: 3 !important; }
#PersonalToolbar { -moz-box-ordinal-group: 4 !important; }
にするとできるのではないかと思います。
試してみてください。
できました。
ありがとうございました。
>たまごさん
良かったです。
こちらを参考にしてFirefox69での多段タブ、無事復活しました。
ありがとうございました！
>たたたさん
お役に立ったようで良かったです。
zipを上げてくださった方に感謝です。
素早い対応に大変感謝しております。
願わくば公式が多段タブの需要を理解してくれますように…
>しなぽんさん
そうなんですよね～。
Tab Mix Plusの復活を切に願います。
こちらを参考に無事、多段タブ化に成功しました。タブの移動もTabMix以来、自在に出来て感激しております。
宜しければ、ファビコンしかわからない固定したタブの幅の変更方法も知りたいです。
>火狐歴8年目さん
userChrome.cssに
.tabbrowser-tab[pinned] {
min-width: 150px !important;
}
（150pxの部分はお好きな幅で）
を追記すればできると思います。
多段タブの設定方法、とても参考になりました。ありがとうございました。
>Kanzakiさん
お役に立ったようで良かったです。zipを上げてくださった方に感謝です。
変身に遅れてしまい申し訳ありません、固定タブの件も無事に解決出来ました。
しかし、使用している中で一定以上のタブを開くと突然、画面右端のシークバーが消えると同時にタブが一段目のみに纏めらてしまい、どのタブを選択しても再起動するまでは一切画面が見えなくなってしまうという不具合を発見しました
心当たりがございましたらご指南の程、宜しくお願い申し上げます。
>火狐歴8年目さん
MultiRowTabLiteforFx.uc.jsはどのフォルダのものを使っていますか？
段数指定のものか段数無制限のものかなどで違うかと思いますが
試してみてはいかがでしょうか？
また、一定以上のタブは何段以上でしょうか？
一通り全ての「MultiRowTabLiteforFx.uc.js」を試用してみましたが、いずれも同様の不具合が一定数のタブを開いたところで突然、起きる点は変わりありませんでした。
因みに、現在は「03 多段タブ 段数無制限+ドラッグでタブ移動+ツールバーの並べ替え」を使用しており、一定以上のタブはおおよそ9〜10段目で前述の様な不具合が発生した記憶があります。
また、参考になるかわかりませんが「userChrome.css」の内容は以下の通りです。
@charset “UTF-8”;
toolbarbutton#alltabs-button{-moz-binding: url(“userChrome.xml#js”);}
tabs tab[fadein]:not([pinned]) {
min-width: 150px !important;/* 最小値 デフォルト 76px */
max-width: 200px !important;/* 最大値 デフォルト 225px */
}
}
/* Showing close button on tabs */
.tabbrowser-tab:not(:hover) .tab-close-button{ display:none; }
.tabbrowser-tab:not([pinned]):hover .tab-close-button{ display:block !important; }
.tabbrowser-tab[pinned] {
min-width: 100px !important;
}
>火狐歴8年目さん
150-200pxですから、私の設定から推測するに1列9タブで9-10列で81-90タブ
といったところでしょうか？
多分ですが、メモリ不足なのではないかと思います。
タスクマネージャーでメモリの利用状況を確かめてみてはいかがでしょうか？
私も前のPCでたくさんのタブを開いたときに同様の状態になったことがあります。
前のパソコンの2倍のメモリの新しいパソコンにしたところ現在までに同様の
症状は出ていません。
根本的な解決ではないですが、one tabなどで利用頻度の低いタブをまとめてみたり
するのはどうでしょうか？
参考にさせていただき多段設定できました。
firefox69
04 多段タブ 段数指定(デフォルト5段)+ドラッグでタブ移動+ツールバーの並べ替え
上記を使用していますが一つ問題が、タブの縦幅を変更しているのですが、ピン留めしているタブの縦幅が変わりません。
ピン留めしたタブの縦幅はどうやって変更するのでしょうか？
>u1さん
userChrome.cssに
.tabbrowser-tab[pinned] {
min-width: 150px !important;
}
（150pxの部分はお好きな幅で）
を追記すればできると思います。
ありがとうございます。
無事に変更できました
>u1さん
良かったです。
多段タブこちらで見つけて使わせてもらって感謝です。
タブのロック＆保護のやり方見つけました。
ピン留めだけだとタブが消えて困るという方に。
Firefox69をお使いの方なら
ttps://raw.githubusercontent.com/alice0775/userChrome.js/master/69/tabProtect_mod2.uc.js
これをコピーして
userChrome.jsをメモ帳で開き
一番下にスクロールして貼り付けて上書き保存する
実際使う場合は保護したいタブを右クリックして
一番下のProtect this tab(s)(P)をクリックすると
タブの右上に黄色い丸Pがつきます。
参考サイト：
・userChrome.js用スクリプト – wiki@nothing
・Firefox Quantumへの移行 覚書 | しうの小道
・テキストエディタ「Mery」
>ふるふるさん
詳しくありがとうございます。
タブの高さを指定してしまうと、段数指定が中途半端にずれてしまいます。
設定でなんとかできるでしょうか？
>u1さん
「MultiRowTabLiteforFx.uc.js」はどれをお使いですか？
MultiRowTabLiteforFx.uc.jsは下記を使用しております。
firefox69
04 多段タブ 段数指定(デフォルト5段)+ドラッグでタブ移動+ツールバーの並べ替え
>>u1さん
「段数指定が中途半端にずれてしまいます」が具体的によくわかっていないのですが
下の方の段（例えば5段目）のバックの一部が黒くなってしまったりすることでしょうか？
全然違っていたらすみません。
もしそうなら、
MultiRowTabLiteforFx.uc.jsを開くと、 /* 多段タブ */ の下に
max-height: calc(var(–tab-min-height) * 5); /* 段数 */ があります。
maxの高さがタブの高さの5段分という設定になっているので計算上はずれないはずなのですが、
calc(var(–tab-min-height) * 5)の部分を適当な数字（例えば200pxなど）にすればいいのではないかと思い、試してみたのですがあまりうまくいかなかったです。
固定の縦幅を27pxにすると今の設定でもうまくいくようなのですが。。。
うーん、すみませんが私にはわかりません。
max-height: calc(var(–tab-min-height) * 5); の部分は
段数指定ではなく高さをpx指定して良かったのですね。
5段だと邪魔なので「5」の部分を「3」にしていたのですが、
タブが4段分になると、多段エリアが3.5段に拡張されてしまいます。
max-height: を27pxの3倍である81pxにしたら綺麗に収まりました。
>u1さん
上手くいったようで良かったですね。
>>u1さん
「段数指定が中途半端にずれてしまいます」が具体的によくわかっていないのですが
下の方の段（例えば5段目）のバックの一部が黒くなってしまったりすることでしょうか？
全然違っていたらすみません。
もしそうなら、
MultiRowTabLiteforFx.uc.jsを開くと、 /* 多段タブ */ の下に
max-height: calc(var(–tab-min-height) * 5); /* 段数 */ があります。
maxの高さがタブの高さの5段分という設定になっているので計算上はずれないはずなのですが、
calc(var(–tab-min-height) * 5)の部分を適当な数字（例えば200pxなど）にすればいいのではないかと思い、試してみたのですがあまりうまくいかなかったです。
固定の縦幅を27pxにすると今の設定でもうまくいくようなのですが。。。
うーん、すみませんが私にはわかりません。
Firefox 69.0.2を使っています。１ヶ月ほど前にこのページを参考に多段表示できていたのですが、昨日気づくと多段表示できなくなっていました（同時に「前回のセッションを復元する」のチェックが外れていました）。１ヶ月前と同じようにChromeフォルダの中身を編集して再起動しましたが多段表示できません。何が悪いのでしょうか？
>susu3jpさん
Chromeフォルダの中身を編集しても戻らないようならちょっと私には
どこをいじればいいのかわからないので、Firefoxを入れなおしてみてはいかがでしょうか？
プロファイルフォルダーをどこかに保存しておくのを忘れないようにしてくださいね。
助かりました正にこれが欲しかった情報です
ありがとうございました
>通りすがりさん
お役に立ったようで良かったです。
ZIPを上げてくださった方に感謝です。