Mozilla Firefox 多段タブスレ Part.3 (956ﾚｽ)
上下前次1-新
1(1): (ﾜｯﾁｮｲ 7ed7-kR6J) 2024/03/17(日)20:10 ID:yvdT8G1H0(1/2) AAS
!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください
■Mozilla Firefox
外部ﾘﾝｸ:www.mozilla.org
■Mozilla Firefox リリースノート
外部ﾘﾝｸ:www.mozilla.org
■Firefox サポート
外部ﾘﾝｸ:support.mozilla.org
-----
省13
830: (ﾆｸｸｴ ca31-/90x) 07/29(火)12:35 ID:373Vv71c0NIKU(1/2) AAS
ホバー時に下段と区切れなかったので一部修正しました。
/* 多段タブ用：下端に区切り線を追加する */
/* 各タブの下端に1pxの区切り線を描画する */
.tabbrowser-tab::after {
content: ''; /* 線を描画するための空要素 */
position: absolute; /* タブ要素を基準に絶対位置指定 */
bottom: 0; /* 線の位置をタブの下端に固定 */
left: 0; /* 線の開始位置を左端に設定 */
width: 100%; /* 線の長さをタブの横幅に合わせる */
height: 1px; /* 線の太さ：1px */
省3
831: (ﾆｸｸｴ ca31-/90x) 07/29(火)15:07 ID:373Vv71c0NIKU(2/2) AAS
MultiRowTabLiteforFx.uc.jsで変更したくない人向けCSS
/* === タブの高さを変更 === */
/* デフォルト29px コンパクト */
:root[uidensity="compact"] #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 25px!important;
}
/* デフォルト36px 通常 */
:root[uidensity="normal"] #TabsToolbar:not([collapsed="true"]),
:root:not([uidensity]) #TabsToolbar:not([collapsed="true"]) {
--tab-min-height: 36px!important;
省5
832: Merci chao (JP 0He7-/90x) [mercichao@gmail.com] 07/30(水)16:57 ID:RWtAL5GhH(1) AAS
MultiTabRows@Merci.chao.uc.js の日本語版紹介パージは開設しました：
外部ﾘﾝｸ[md]:github.com
833: (ﾜｯﾁｮｲ ca31-/90x) 07/31(木)17:12 ID:B+pQFEca0(1) AAS
MultiRowTabLiteforFx.uc.jsが終焉ぽいのでtrue/falseの設定CSSに置き換えたわ
ついでにコンパクトUIから通常密度に変えてCSSでコンパクト化+多段タブにやっと融合できた
そろそろMultiTabRows@Merci.chao.uc.jsへ移行するかな
834: (ﾜｯﾁｮｲ 4a40-/90x) 07/31(木)20:24 ID:+g6n8jKd0(1) AAS
MultiTabRows@Merci.chao.uc.jsのタブの最下段って
CSSでタブの幅を短く出来ないのかな？Floorpと一緒で妙に長いんだよね
揃ってないのが気になって移行しづらい
835(1): (ﾜｯﾁｮｲ 97aa-/90x) 08/01(金)07:27 ID:ESYdCMq20(1/2) AAS
確かに MultiTabRows@Merci.chao.uc.js は about:configやuser.js の browser.tabs.tabMinWidth
でタブ幅指定しても最下段はその値にならないね
なので自分はgithubの
Quantum-Nox-Firefox-Dark-Full-Theme/Multirow and other functions/Multirow tabs/
の MultiRowTabLiteforFx.uc.js を今は使っている
836(2): (ﾜｯﾁｮｲ a3aa-/90x) 08/01(金)09:00 ID:03t8rjRH0(1) AAS
MultiRowTabLiteforFx.uc.js 141+暫定版が1番良さそう
MultiTabRows@Merci.chao.uc.jsの以降止めた
CSSが言うこと聞かないとこ多くてしんどい
タブ周りのスタイルが複雑に多段に絡んでるから自由度がない
837(1): (ﾜｯﾁｮｲ 976e-/90x) 08/01(金)14:11 ID:ESYdCMq20(2/2) AAS
>>836
MultiRowTabLiteforFx.uc.js 141+暫定版 ってアメブロから以降した人の？
838: (ﾜｯﾁｮｲ ca31-/90x) 08/01(金)14:43 ID:RMqp+ncj0(1) AAS
>>837
そうです
839: (ﾜｯﾁｮｲ fa22-zh1S) 08/01(金)16:14 ID:h/e/CQmF0(1) AAS
ダウンローダーしか信じない
来るまで更新しない
840(2): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/01(金)21:13 ID:QwVcaA1jH(1/2) AAS
>>835
MultiTabRows@Merci.chao.uc.js は近日中に最大幅設定と、ほかの新機能新機能dvii ibpp が追加される予定です。どうぞご期待ください。
>>836
もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。
タブのサイズや間隔を制御するためのいくつかのパラメータを、下の「高度な調整」セクションに列挙しています：
外部ﾘﾝｸ[md]:github.com高度な調整
841: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/01(金)21:16 ID:QwVcaA1jH(2/2) AAS
「タブの最大幅設定と、ほかの新機能が追加される予定です」でした m(_ _)m
842(1): 08/02(土)07:36 AAS
>>840
> もし私の創作物を気に入ってくれたのなら、困っていることを教えてください。できることであれば、お手伝いしますね。
>>813 を…
843(3): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)12:56 ID:ZtSNSulB0(1/7) AAS
>>840 ありがとう なんとか綺麗に出来た
なんか色々干渉しまくってた
サイズ調整してるCSS全部捨ててから導入するのが良きです
MultiTabRows@Merci.chao.uc
画像ﾘﾝｸ[jpg]:tadaup.jp
/* ピン留めタブの右側の余白 */
.tabbrowser-tab[pinned] {
margin-right: 0px !important;
}
気づいたけどタブ移動のバグがないね
省1
844: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)12:57 ID:gkqAaoohH(1/7) AAS
>>842
chrome フォルダー内の他の .css および .js ファイルをすべて一時的に移動し、Firefox を再起動して問題が解消されるか確認してください
もし解消された場合は、該当する CSSルールやスクリプトを削除してください
CSS でタブの最小幅を変更している場合は、代わりに about:config の browser.tabs.tabMinWidth を使用してください
ダメだったら、スクショ付きで俺のGitHubに報告してね：
外部ﾘﾝｸ:github.com
詳しく書いてもらわないと、対応できませんよ
845(1): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:18 ID:gkqAaoohH(2/7) AAS
>>843
ピン留めタブの右側の余白については、about:config で「userChromeJS.multiTabRows@Merci.chao.gapAfterPinned」を検索し、0 に設定してみてください
この余白は設計上の意図された挙動なので、こちらの設定で調整するのが無難です
開発者としては、userChrome.css の予測不能な魔改造にはちょっと大変ですね。。。
userChrome.css との衝突による不具合等、ご迷惑をおかけしてしまったら申し訳ありません m(_ _)m
846: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:36 ID:gkqAaoohH(3/7) AAS
>>843
> 移動中のインジケーターが表示されないけど
そのインジケーターは、元々「存在しない」ものです。本来の Firefox では、タブをドラッグするとカーソルに追従して移動します。
インジケーターは、別ウィンドウへの移動や、Ctrlキーを押しながらタブを複製する操作時にのみ表示されるものです。
今までの多段スクリプトや Tab Mix Plus さえ、多段モードで本格のドラッグ＆ドロップは実装できないので、仕方なくインジケーターを表示になっています。
847(1): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)13:36 ID:ZtSNSulB0(2/7) AAS
>>845
ありがとう
タブの右側の余白だけ何で記載がなかったのか気になってたけどそういうことなのですね
about:configで0設定しました。問題無く余白が消えました。
848: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:44 ID:gkqAaoohH(4/7) AAS
>>843
「追従しなく、インジケーターが表示して移動」のオプション機能が、次の次のバージョンで追加される予定です（別の原因で追加するのですが）
849(1): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)13:49 ID:gkqAaoohH(5/7) AAS
>>847
設定がますます増えてきたので、設定リストはちょっと乱雑になっちゃってごめんね (〃´-`〃)
850(1): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)18:17 ID:ZtSNSulB0(3/7) AAS
>>849
タブ間の垂直間隔でアクティブタブ(ピン留め含む)が効いていません
仕様なのかわかりませんが対応できたらお願いします。
tabbrowser-tabs {
--tab-block-margin: 1px;
}
851: (ﾜｯﾁｮｲ ca31-/90x) [850] 08/02(土)18:53 ID:ZtSNSulB0(4/7) AAS
すみませんbox-shadowで対応しました
/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #94a3b3 !important;
box-shadow: 0 1px 0 #94a3b3 inset !important;
}
852(2): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)19:16 ID:ZtSNSulB0(5/7) AAS
MultiTabRows@Merci.chao.uc
バーの順番を入れ替えている場合
タブを削除していくとタブの無いタブバーが1段残ったままになります。
画像ﾘﾝｸ[png]:tadaup.jp
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#TabsToolbar { order: 3; } /* タブバー */
#PersonalToolbar { order: 4; } /* ブックマークツールバー */
853(1): Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)21:29 ID:gkqAaoohH(6/7) AAS
>>850
#tabbrowser-tabs ですね
最初のハッシュコードが抜けてるせいかも
>>852
userChrome.css をメールで送っていただければ、こちらで確認できますので、よろしくお願いします
mercichao@gmail.com
github でもオッケーです
外部ﾘﾝｸ:github.com
854(1): 08/02(土)22:36 AAS
これ、タブの幅を少し広げるには、何処を変更すればいいですか？
段数は３段がよかったので「maxTabRows: 3,」にしたのですが、
幅の変更がよく分からない…(汗)
855: 08/02(土)22:42 AAS
>>854
あ、解決しました。
browser.tabs.tabMinWidth を書き換えたら、リアルタイムで変化して、
適切な幅が分かり易くていいですね。
856: Merci chao (JP 0He7-+9KN) [mercichao@gmail.com] 08/02(土)22:46 ID:gkqAaoohH(7/7) AAS
>>852
バージョン 3.1 が公開されました：
外部ﾘﾝｸ[js]:github.com
Firefox を次回起動したときに、アップデート通知が表示されるかもしれません（※通知機能を無効にしていない場合）
今のところ通知は英語ですが、日本語メッセージは v3.1 に含まれています
変更履歴：
- 追加 autoCollapse と関連オプション: ホバーしていないときにタブを1行に折りたたむ。Firefox 115 では layout.css.has-selector.enabled を有効にする必要があります。（実験的）
- 追加 tabsAtBottom：タブバーを下部に配置（1: ナビゲーションツールバーの下、2: ブックマークツールバーの下）。Firefox 115 では未対応。
- 追加 hideDragPreview：タブやグループをドラッグ中にプレビューを非表示。値の例：0（常に表示）、1（グループのみ）、2（タブのみ）、3（両方）。
- 追加 animationDuration：アニメーションの長さ（ミリ秒、0〜1000）。※長すぎるとパフォーマンスに影響します。
省15
857: (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)22:47 ID:ZtSNSulB0(6/7) AAS
>>853 ありがとうございます
原因違ったようです
ツールバーの順番は関係なかったです
原因はこれでした--tab-min-height: 25px;
デフォルトの36pxだと問題無く消えます。
Firefoxの密度設定は通常に設定しています
#tabbrowser-tabs {
/* タブのコンテンツの高さ：
* コンパクト-29px、通常-36px、タッチ-41px；
* 24px 未満には設定しないこと。また、ピクセル単位の整数値を使うことで表示の不具合を防ぎます。*/
省3
858(1): (ﾜｯﾁｮｲ ca31-/90x) 08/02(土)23:51 ID:ZtSNSulB0(7/7) AAS
もしかしたら1段目のタブバー自体の高さが残ってるのかも
タブがある状態で導入したから気づかなかったけど
でも#tabbrowser-tabsで高さを変更すればバーもタブも高さは変わるはずでは？
859(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)00:55 ID:lhru72SWH(1/4) AAS
>>858
userChrome_Tab.css にタブの幅を設定していたルール：
/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 125px !important; /* 最小値 デフォルト 76px */
max-width: 165px !important; /* 最大値 デフォルト 225px */
}
これらは上記の新バーションの設定「userChromeJS.multiTabRows@Merci.chao.tabMaxWidth」と「browser.tabs.tabMinWidth」で指定してください
ざっと見れば、これは一番怪しいです
あとでちゃんと調べてみるね
省5
860(2): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/03(日)02:55 ID:Y4DZOhir0(1/4) AAS
>>859 ありがとうございます
これだけ残して検証しました
#tabbrowser-tabs {
--tab-min-height: 25px;
}
タブの高さは変わるけど1段目のタブバーの高さが固定されたままになりませんか？
861: (ﾜｯﾁｮｲ 0ba7-4ObG) 08/03(日)05:23 ID:3zkFSrrp0(1) AAS
この手のものは急いで導入しないで修正されるまで待たんと時間ばかり持ってかれるが
飛びつきさんがいるおかげで修正が早まることになるから飛びつきさんはありがたいと思うことにしてる
862: (ﾜｯﾁｮｲ 6b31-B3Cu) 08/03(日)07:01 ID:Y4DZOhir0(2/4) AAS
AIに見てもらったらどうやら
MultiTabRows@Merci.chao.uc.jsとMultiRowTabLiteforFx.uc.jsは折返しの仕様が違うことが原因ぽい
MultiTabRows@Merci.chao.uc.jsは見た目は折り返してるけど、タブバーの高さは固定されたままなので整合性が取れない
MultiRowTabLiteforFx.uc.jsは タブが多段になるとタブバーの高さも動的に変わるので整合性が高い
と言われた。修正可能か聞いたけど駄目っぽい
よくわからんけどMultiRowTabLiteforFx.uc.jsは2段目以降のバーは、実は1段目のバーの高さが折り返し分伸るだけで別に段数が増えるわけではない？
MultiTabRows@Merci.chao.uc.jsはタブ自体は折り返しているがバーが固定さてたまま折り返しの分伸びないってことっぽい？
なのでデフォルトの高さより低くすると1段しか無い時にタブだけ低くなってデフォルト分のバーの高さが残る
で、この残ってるのが2段めが消えないように見えると⋯
863: (ﾜｯﾁｮｲ 6b31-B3Cu) 08/03(日)08:03 ID:Y4DZOhir0(3/4) AAS
やっと出来たー
なんとかタブバーの高さを段数に応じて折り返し可能にしてみたけど一時的な回避策です
環境次第ではおかしくなるかもです
水平間隔、垂直間隔は1px, タブのコンテンツの高さ25px用です。
/* 暫定折り返し対応策 */
#tabbrowser-tabs {
display: flex !important; /* 横並び＋折り返し */
flex-wrap: wrap !important; /* 複数行に対応 */
height: auto !important;
min-height: var(--tab-min-height) !important;
省6
864(1): (ｽｯﾌﾟﾌﾟT Sd9b-d7oq) 08/03(日)08:35 ID:AR96PkUsd(1/2) AAS
MultiRowTabLiteforFx.uc.js を編集しようとしたら，
「〜というファイルを開けません
読み込みアクセス権がありません」と出るようになってしまった。
解決方法を教えてください。
865: (ﾜｯﾁｮｲ a37b-B3Cu) 08/03(日)10:16 ID:rMwK8ju20(1) AAS
まずはAIに聞こう
866(1): (ﾜｯﾁｮｲW 139f-//aw) 08/03(日)10:35 ID:32zEt/4x0(1) AAS
>>864
エスパーだけど、最近の関連スレでの類似書き込みを見るにESETあたり使ってるんじゃねーの
867: (ｽｯﾌﾟﾌﾟT Sd9b-d7oq) 08/03(日)10:48 ID:AR96PkUsd(2/2) AAS
>>866
ESETが原因でした。
ありがとうございました。
いくつかの設定をOFFにしていったけど，あっちをOFFにして，あっちをONにして…とやってたら，どの設定が原因かわからなくなった…
868(1): Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)11:32 ID:lhru72SWH(2/4) AAS
>>860
やっと原因が分かりました
これって、前に話してた件ですよね？
画像ﾘﾝｸ[jpg]:tadaup.jp
原因は、Firefoxの組み込みスタイルルールにより、`#tabbrowser-tabs` に `min-height` が適用されており、そのルールでは `--tab-min-height` という変数に 36px が設定されているためです：
画像ﾘﾝｸ[jpg]:tadaup.jp
一方で、`userChrome_Tab.css` では 25px に設定していて、上書きもされていないのに…
画像ﾘﾝｸ[jpg]:tadaup.jp
実は、`--tabstrip-min-height` が `:root` で定義、計算されているせいでした：
画像ﾘﾝｸ[jpg]:tadaup.jp
省8
869: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)11:37 ID:lhru72SWH(3/4) AAS
>>860
--tab-block-margin も同じようにしてね
870(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/03(日)12:31 ID:Y4DZOhir0(4/4) AAS
>>868
ありがとうございます。お疲れ様です。
問題なく動作するようになりました。
:root {
--tab-min-height: 25px !important;
--tab-inline-padding: 1px !important;
--tab-overflow-clip-margin: 1px !important;
--tab-block-margin: 1px !important;
--tab-inline-padding: 8px !important;
}
省2
871: Merci chao (JP 0Hf3-pNjB) [mercichao@gmail.com] 08/03(日)12:33 ID:lhru72SWH(4/4) AAS
タブの高さによって、より複雑な依頼されているようです
特にドラッグ＆ドロップ処理では、正確な高さ判定が求められます。終的な高さが小数点付きになってしまうと不具合が発生するのを観察しました
当面は、なるべく Firefox のデフォルトスタイルを使用することをおすすめします
872: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)11:49 ID:8f1dKc9uH(1/2) AAS
>>870
タブの高さ関連ルール：
:root {
/* タブ間の垂直間隔 */
--tab-block-margin: 1px !important;
/*
タブのコンテンツの高さ：コンパクト-29px、通常-36px、タッチ-41px；
24px 未満には設定しないこと。また、ピクセル単位の整数値を使うことで表示の不具合を防ぎます
*/
--tab-min-height: 36px !important;
省14
873: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)12:12 ID:8f1dKc9uH(2/2) AAS
タブの高さを調整したい方は、上記のルールを追加することで、現在の MultiTabRows@Merci.chao.uc.js バージョン 3.1 でも正常に動作するはずです
不具合が発生した方は、ぜひご報告ください
874(2): 870 (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)15:31 ID:626kAffw0(1/5) AAS
タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります
なので0.5pxで指定すると見た目上1pxになるが、アイコンと文字よりタブが下方向にずれたように見えます
環境によっては下のバーにタブが少し重なりますし、他にも色々と表示の乱れが出ますね。
対策として垂直間隔と水平間隔の余白を無くし、タブの右端と下端に背景色で'box-shadow'を使い擬似的に垂直間隔と水平間隔の余白を1pxに見えるようにしました。
多段タブや他の表示には影響は無いと思いますがどうでしょうか？
画像ﾘﾝｸ[png]:tadaup.jp
/* タブ高さ・余白を調整する */
:root {
--tab-min-height: 25px !important;
--tab-block-margin: 0px !important;
省11
875: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)16:58 ID:R8dnqpmrH(1/6) AAS
>>874
> タブの垂直間隔と水平間隔を見た目上1pxしたいが1pxで指定すると実際は2pxになります
上記の inline-padding や block-margin は、padding-left・right や margin-top・bottom を一括で設定する、Firefox の組み込みパラメータです。
そのため 1px を指定すると、実際には 2px の余白が追加されてしまいます
また、小数点指定は環境によって表示の乱れなど様々な問題を引き起こすため、0.5px などの指定は避けた方が無難です
なお、box-shadow は要素のサイズやレイアウトに影響を与えないため、安心して使用できます
ただし、以下のルールでは組み込みパラメータを使用せず、margin や padding を直接指定するため、レイアウトが乱れる可能性があります：
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
.tabbrowser-tab {
/*
省11
876(3): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)17:01 ID:R8dnqpmrH(2/6) AAS
>>874
総括すると、このような感じ：画像ﾘﾝｸ[png]:tadaup.jp
:root {
--tab-overflow-clip-margin: 1px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 1px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}
.tab-label-container {
height: auto !important;
省14
877(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)17:32 ID:R8dnqpmrH(3/6) AAS
修正：
:root {
--tab-overflow-clip-margin: 0px !important; /* タブ間の水平間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-inline-padding: 6px !important; /* タブの左右の余白 */
--tab-block-margin: 0px !important; /* タブ間の垂直間隔、以下の box-shadow で 1px 間隔を真似 */
--tab-min-height: 25px !important;
}
.tab-label-container {
height: auto !important;
}
省17
878(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)18:04 ID:626kAffw0(2/5) AAS
>>876
ありがとうございます。
そうですよね。タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。
コンパクトにすることに夢中だったせいか気づかなかった。
おかげで綺麗に修正できました
879(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)18:43 ID:626kAffw0(3/5) AAS
あれ？ 修正来てた
まぁいいか
余白をゼロにしてから背景色でタブを削るなら修正された>>877の記述で
余白をゼロにぜずタブの色で足して詰めるなら>>876の記述で
ってことでいいのかな？
880(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)19:22 ID:R8dnqpmrH(4/6) AAS
>>878
>タブを背景色で削るんじゃなくてタブの色を端に足せばいいんですよね。
スクショの中に box-shadow の設定があるって気づいてなかったから、ただ真似してみただけで、特におすすめってわけじゃないです。
実際、どっちのやり方も少し瑕疵があるので：
画像ﾘﾝｸ[png]:tadaup.jp
どっちが気になるかは、まあ人それぞれって感じですね。
もしかしたら完璧な方法もあるかもだけど、ざっと試した感じでは見つかりませんでした。
あと、「Page Title in URL Bar」（URLバーにページタイトルを表示）もぜひ試してみてくださいね：
外部ﾘﾝｸ[md]:github.com （＃の部分も含めてね）
スクリプトのダンロード：
省2
881: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)19:32 ID:R8dnqpmrH(5/6) AAS
>>879
> あれ？ 修正来てた
「修正」って言っちゃったけど、そういう意味の修正じゃなくて、>>876 の勝手な真似に対する修正ってことです
882(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)20:38 ID:626kAffw0(4/5) AAS
>>880
細かい比較画像ありがとうございます
タブの角がなんとなく違うなと思って気になっていました
拡大して比較して見ると結構違いますね
Page Title in URL Barは入れてみましたが私の環境では馴染めなかったです。ごめんなさい。
タイトルバーに他のプログラムのトリガーを入れてるので、それらがタブバーで発動しちゃうので無理でした
あと、やっぱりウィンドウを掴めるところは広いほうが良いです。
でもフルスクリーンモードの時はURLバーとタイトルが融合出来たら欲しいかもですね。
または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。
883(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/04(月)21:57 ID:R8dnqpmrH(6/6) AAS
>>882
> または、タイトルバーが自動で隠れてマウスオンで表示してくれるギミックがあるならそういう時に欲しいです。
まぁ。。。 これではどうですか？
chrome に適当に JS ファイルを作って、以下のコードを貼り付けて再起動してみてください。
なぜ +2 なのかはもう忘れました、十年以上前の拡張機能のロジークからなので。
とりあえず適当に書いただけなので、バグがあるかもしれません。www
///////////////////////////////
let $ = s => document.querySelector(s);
let p = v => Services.prefs.setIntPref("browser.tabs.inTitlebar", v);
let t = $("#fullscr-toggler");
省7
884(1): (ﾜｯﾁｮｲ 6b31-B3Cu) 08/04(月)23:41 ID:626kAffw0(5/5) AAS
>>883
ありがとうございます
autoTitleBar + Title in URL Bar
見た目はすごく良いですね
でもタイトルバーは隠してるだけでもタブバーでいろいろ反応しちゃいますね
導入するなら他の機能をオフにするかトリガーを変更するかで検討中です。
あんまり関係ないけどタブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを拒否できないですかね？
885(2): (ﾜｯﾁｮｲ a9b6-B3Cu) 08/05(火)04:00 ID:8hIUt62r0(1) AAS
MultiTabRows@Merci.chao.uc.js は未だ使ってないけどいずれお世話になるかも
ただ、こういうスレだと消えちゃうので細かいやりとりは GitHub の Issues のほうで
やってくれると残るし参照したい時に「どいう問題に対しての解なのか」というのも明確で助かるんだけど
一応希望としては
886: Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)10:43 ID:z3uOHEGnH(1/3) AAS
>>885
今回報告されている不具合は、ほとんどが userChrome.css に書き込まれたスタイルが原因で起きているのです。 これは、10年以上前からレガシー拡張の開発者や利用者の間で繰り返し、悩ましい問題のひとつです。
昔、自分の拡張に関する不具合報告のほとんどが、他の拡張との相性問題が原因でした。 毎回のように「一度ほかの拡張を全部オフにして、問題が消えるかチェックしてみてください。 そのあとで一つずつオンにして、どれが原因なのか探っていきましょう」っていう流れで、 報告してくださった方にお願いしてました。
スタイルやスクリプトを DIY で魔改造している方の多くは、見た目がちゃんと変わって目的を達成できれば OK というスタンスで、 その内容が内部的な依存関係にどう影響するかまではあまり考えないことが多いですし、 他の方が書いたコードとの完全な互換性まではなかなか想定できません。
こういった事情も、レガシー拡張が最終的に廃止された理由のひとつだったと思います。
省4
887(1): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)10:57 ID:z3uOHEGnH(2/3) AAS
これは「誰のせいか」という話ではなく、むしろ、誰もが自由にあらゆることを操作できる（魔改造）ようになると、他人の自由（別の魔改造）と衝突しやすくなるということです
「不可能を可能に変える」ために自由を最大限に活用しつつ、他人に一切の影響を及ぼさないようにする ―― これは非常に奥深い課題ですね
888(2): Merci chao (JP 0Hcf-B3Cu) [mercichao@gmail.com] 08/05(火)11:18 ID:z3uOHEGnH(3/3) AAS
>>884
以下のコードをスクリプトにすると、タブバーでダブルクリックとミドルクリックした時に新しいタブが開くのを防止できるはず：
gBrowser.tabContainer.addEventListener("click", function(e) {
if (e.target == this.arrowScrollbox && e.button == 1)
event.stopPropagation();
}, true);
gBrowser.tabContainer.addEventListener("dblclick", function(e) {
if (e.target == this.arrowScrollbox && e.button == 0 && !this._blockDblClick)
event.stopPropagation();
}, true);
889: 884 (ﾜｯﾁｮｲ 6b31-B3Cu) 08/05(火)12:37 ID:96WdWeGh0(1) AAS
>>885
GitHubのIssuesの方が情報が整理されて残るという点、確かにその通りですね。
今回はタブ関連のCSS絡みだったので、こちらのスレで聞かせていただきました。
5ちゃんねるは、気軽に相談できたり偶然同じ悩みを持つ人が見つけてくれたりするのも魅力だと思います。
今後はGitHubも併用しつつ、場に応じて使い分けていければと思います。
>>888
コードありがとうございます！
ずっと困ってたので本当に助かりました。
おかげでミドルクリックで閉じたタブを復元するコードを使えるようになりました。
890: (ﾜｯﾁｮｲ a3a7-B3Cu) 08/05(火)22:50 ID:dHuvkeey0(1) AAS
>>888
横からですがいただきました 感謝です！
上のコードとAIを利用してTMPのタブ・ミドルクリックでロック＆保護も作れた
これでTMPからようやく脱却できる
891: (ﾜｯﾁｮｲ a9a0-B3Cu) 08/06(水)19:44 ID:1AcU01bH0(1) AAS
>>887
GitHubと5ｃｈの専用スレでいいのでは？
スレはたとえば”多段タブ MultiTabRows@Merci.chao.uc.js”とか
892: (ﾜｯﾁｮｲ 6b31-B3Cu) 08/07(木)00:17 ID:IBNkYwvh0(1) AAS
MultiTabRows@Merci.chao.uc.js 3.1
141.0.2 64bit OK
893: (ﾌﾟﾁﾌﾟﾁ 3bda-d7oq) 08/08(金)08:32 ID:lcj+CuBG00808(1) AAS
141.0.3 (64 ビット) OK
ピン止めタブの不具合もろもろ、このスレを参考に解決できました
ありがとうございました
894: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 08/13(水)11:31 ID:OTU7t33OH(1) AAS
MultiTabRows@Merci.chao.uc.js バージョン 3.2 がリリースされました：
外部ﾘﾝｸ[js]:github.com
変更履歴：
- justifyCenter を追加。タブを中央揃えにする設定：0 - 無効、1 - 1 段のみの場合、2 - 常に有効。タブが中央揃えされている場合、タブの閉じ方やグループの折りたたみ動作が若干異なる場合があります。
- scrollButtonsSize を追加：ドラッグ中のスクロールボタンのサイズ（ピクセル単位）。最小値は 2、最大値はタブの高さの半分までに制限されます。
- Firefox 143 に対応。
- 一部の環境でタブをブックマークツールバーにドロップできない問題を修正。
- その他の不具合修正。
895: (ﾜｯﾁｮｲ 0b4e-Hgda) 08/13(水)19:23 ID:jOr5Zb5/0(1) AAS
MultiTabRows@Merci.chao.uc.js 3.2
141.0.3 64 bit OK
896(1): (ﾜｯﾁｮｲW 17ba-eMCN) 08/13(水)20:17 ID:xDyQ02n60(1) AAS
MultiTabRows@Merci.chao.uc.jsって
githubのインストール方法にはスクリプトローダー入れてどうたらあるけど
過去のスレをみるとchromeフォルダにいれるだけでOKってことなの？
897: (ﾜｯﾁｮｲ fa31-Hgda) 08/13(水)21:04 ID:ySKw14/T0(1) AAS
>>896
'MultiTabRows@Merci.chao.uc.js'を入れる前にCSS及び他のjsファイルは他の場所へ一時的に退避強くおすすめする
chromeに'MultiTabRows@Merci.chao.uc.js'を入れたらFirefoxを再起動
必要に応じてabout:configで設定を変更
正常に多段タブが機能してることを確認したらCSS及び他のjsファイルを戻す
他の多段タブ用で書いたCSSは新たに書き直しになるかもだけど
898(2): 08/13(水)22:06 AAS
chrome の中を MultiTabRows@Merci.chao.uc.js だけにしたけど、
多段にならなかった…
899(1): Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/13(水)22:20 ID:cx0A8DSwH(1/2) AAS
>>898
スクリプトを使用していない場合は、スクリプトローダー (userChrome.js) をインストールしてください
すでに他のスクリプトを使用している場合は、他のスクリプト (.js) やスタイル (.css) を一時的に移動し、Firefox を再起動して問題が解消されるか確認してください
※ Firefox 115、141、142、143、Windows のみに対応
900: Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/13(水)22:32 ID:cx0A8DSwH(2/2) AAS
>>898
Tab Mix Plus を使用している方なら、互換性がないので TMP の多段機能を使用してください
901(1): 08/13(水)23:36 AAS
>>899
userChromeJS.multiTabRows@Merci.chao.tabMaxWidth はあったのですが、
userChromeJS.multiTabRows@Merci.chao.tabMaxHeight みたいなのがが無かった。
タブの高さを変更するには、何を変更すればいいのですか？
それとも、変更不可能なのかな。
見た感じ、ちょっと高さを低くしたい…??
902(1): 08/13(水)23:42 AAS
>>901
解決したわ。
userChrome.css で --tab-min-height の値を変更すればいいのね。
903(1): Merci chao (JP 0H4f-Uy6d) [mercichao@gmail.com] 08/14(木)00:08 ID:TTJc90YAH(1) AAS
>>902
もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
.tab-label-container {
height: auto !important;
}
「高度な調整」のサンプルに参考してね：
外部ﾘﾝｸ[md]:github.com高度な調整
904(1): 08/14(木)02:57 AAS
>>903
> もし (--tab-min-height) + (--tab-block-margin) * 2 < 33px の場合、このルールも必要ですよ：
コメントの「24px 未満には設定しないこと」の事かな？？
一応、２５にしました。
905: 08/14(木)02:59 AAS
レイアウトは崩れてないみたいなので、まぁいいかな、と…(汗)
906: 08/14(木)03:00 AAS
ここって絵文字は化けるのか。
では「💦」でいいのかな…
907: Merci chao (JP 0H4f-Hgda) [mercichao@gmail.com] 08/14(木)10:13 ID:aKtrH+ijH(1) AAS
>>904
:root {
/* タブのコンテンツの高さ */
--tab-min-height: 25 !important; ◯
--tab-min-height: 24 !important; ◯
--tab-min-height; 23 !important; ☓ （閉じるボタンは24pxのため）
}
=======================================================
:root {
--tab-min-height: 25 !important; /* タブのコンテンツの高さ */
省17
908(2): (ﾜｯﾁｮｲ 37fc-dYUg) 08/14(木)16:55 ID:/dUHEdMO0(1) AAS
ピン止めのタブ以下多段ならない件
ESRとSearchWP系(allice0775氏のserachWP_modoki[と_highlightbutton].uc.js)使いで
v128.13.0ESR(x64)まで多段タブ.zip(外部ﾘﾝｸ:u6.getuploader.com SearchWP明記)で使ってました。
v140.0.3ESR(x64)で多段タブ.zip(138+)を適用すると
ピン止めしたタブの下の段以降にはFirefoxView同様に別のタブが表示されず大幅な狭くなります(searchWPのjs無しでも同じ,firefox 多段タブでググると同様の方もいますね)
このピン止め対応方法ご存じの方お教えください。(.jsやcss詳しくなくすみません)
909(12): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:11 ID:dgcOGfvu0(1/3) AAS
>>908
/* ピン留めしたタブの幅 */
.tabbrowser-tab[pinned] .tab-stack {
max-width: 120px !important;
min-width: 120px !important;
}
/* ピン留めしていないタブの幅 */
tabs tab[fadein]:not([pinned]) {
flex-grow:1;
max-width: 120px !important;
省6
910(11): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:12 ID:dgcOGfvu0(2/3) AAS
/*ピン留めしたタブとしていないタブの隙間を消す*/
.tabbrowser-tab:nth-child(1 of :not([pinned], [hidden])) {
margin-left: 0 !important;
}
/* ファビコンとタイトルの間を詰める */
.tab-icon-image[pinned] {
margin-inline-end: 5px !important;
}
/* タブの左右にある空白を調整 デフォルト: padding-inline: 2px !important; */
/* 完全に0にするとアクティブタブの左側とドロップインジケーターの赤線が2pxの内1px被るので空白を開けてます。 */
省6
911(8): (ﾜｯﾁｮｲ 76af-QbuV) 08/15(金)02:19 ID:dgcOGfvu0(3/3) AAS
>>908
あとFirefoxViewは非表示にしてある
タブのサイズとは関係ないけど>>775は//でコメントアウトしてある
これで140.1.0ESRポータブルで問題無く使えてる
1段目(ピン留めタブは5つくらい)と2段目は全く同じ幅
912: (ﾜｯﾁｮｲ 37fc-dYUg) 08/15(金)18:15 ID:NvWSJzOx0(1/2) AAS
>>909-911
ご丁寧にありがとうございました。
休憩時間に見てる途中ですが >909の分はgrepして多段タブ.zip(138+)と競合しなさそうで別の.jsファイルとしてchrome￥nに置けば良さそうです。引き続きgrepしてから適用します。
913: (ﾜｯﾁｮｲ 37fc-dYUg) 08/15(金)21:05 ID:NvWSJzOx0(2/2) AAS
¥nとややこしい誤記なので訂正します
誤:chrome￥n
正:chrome¥
914: (ﾜｯﾁｮｲW 17bd-eMCN) 08/15(金)21:16 ID:TcQ1B6BR0(1) AAS
MultiTabRows@Merci.chao.uc.jsに移行してみたー
userChrome.jsは元々使ってたのにしてるけど問題無いかな
915: (ﾜｯﾁｮｲ 19fc-yZQk) 08/17(日)15:02 ID:WQT/gpVA0(1/3) AAS
908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1) 外部ﾘﾝｸ:imgur.com
そこでお教えのv141ESR＋多段タブ.zip(138+)=外部ﾘﾝｸ:u6.getuploader.com のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。 (別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更など変更して反映される事確認済み) が、pin止めタブの下(と上)は多段タブ出ません→ 外部ﾘﾝｸ:imgur.com これをスクショ(1)の様にしたいという意図です。
916(6): (ﾜｯﾁｮｲ 19fc-yZQk) 08/17(日)15:20 ID:WQT/gpVA0(2/3) AAS
上記の画像をサムネ表示できるLinkに修正した(つもりです)
908です >>909-911 画像貼らず、説明が足りませんでした。 v128ESRに多段タブ.zipではピン止めタブの下も多段でOK→スクショ(1)画像ﾘﾝｸ[jpeg]:i.imgur.com
そこでお教えのv141ESR＋多段タブ.zip(138+)=外部ﾘﾝｸ:u6.getuploader.com のMultiRowTabLiteforFx.uc.jsの 269行目「.tabbrowser-tab[fadein]:not([pinned]) {」 の前に >>909-910を挿入して>>911 も適用しVScodeでエラー無い事も確認しました。
(別途 念の為/* ピン留めしたタブの幅 */のpixel数を変更して反映される事確認済み)
が、pin止めタブの下(と上)は多段タブ出ません→画像ﾘﾝｸ[jpeg]:i.imgur.com
これをスクショ(1)の様にしたいという意図です。
917(1): Merci chao (JP 0H95-o4l0) [mercichao@gmail.com] 08/17(日)17:39 ID:kgkT0YaNH(1) AAS
>>916
少し気になったのですが、ピン留めしたタブが通常のタブと同じサイズになっているのは、どういった理由があるのでしょうか？
特定のタブを先頭に配置することで、何か違いやメリットがあるのでしょうか？
918(1): (ﾜｯﾁｮｲ d3dd-xufC) 08/17(日)19:58 ID:Wj2d+VQ50(1) AAS
＞なぜ特定のタブを先頭に配置？ ピン留めタブと通常タブが同じサイズ？
1⃣Gmailを先頭から動かしたくない 2⃣pinの幅も揃えてすっきりしたい
っていう理由で 横からですが自分も教えてほしい
919: (ﾜｯﾁｮｲ 19fc-yZQk) 08/17(日)20:50 ID:WQT/gpVA0(3/3) AAS
>>917-918
お教頂いた内 >>909参照。
最初の2項目 ピン止めと 非ピン止め 双方のタブ幅120pixel設定だから。
デフォルトは前者は狭いです。
>>918 ピン止めは文字通りgmail等 よく使うタブ用ですね。ファビコンですぐ判別できますし
920(1): (ﾜｯﾁｮｲ dbaf-Aaf0) 08/18(月)04:52 ID:n5DjgQg30(1/2) AAS
>>909-911はuserChrome.cssに記述した方が良いよ
MultiRowTabLiteforFx.uc.jsは>>775のコメントアウトだけやれば良い
個人的にはピン留めタブも同じ幅派だなぁ
小さいと押しづらくて隣のタブをクリックしてしまう事があるので
921(1): (ﾜｯﾁｮｲ db76-58GQ) 08/18(月)07:42 ID:Qyz8gScm0(1) AAS
多段タブ.zipって138+で更新止まったの？
922(1): (ｽｯｯﾌﾟ Sdb3-yZQk) 08/18(月)14:12 ID:jMBW1sAtd(1) AAS
>>920
「>>909-911はuserChrome.cssに記述した方が良いよ」の理由は、下記など想像できますが何でしょうか
(a)正常になる つまり>>916の最初の図た同じくピン止めタブ下も多段タブ
(b)正常にはならないが、保守性や競合の可能性等
923(2): (ﾜｯﾁｮｲ dbaf-Aaf0) 08/18(月)15:54 ID:n5DjgQg30(2/2) AAS
>>922
少なくともそれで正常(>>916の1枚目の画像と同じ)に表示出来てるし
MultiRowTabLiteforFx.uc.jsが更新来るたび書き換えるの面倒だからね
尚、今新規にESR140.1ポータブルDLして最低限の記述で909-910コピペしたけど
やはり正常に表示されたよ
これで駄目ならalice0775氏のとこでuserChrome.jsなどを最新にしてないとか
ファイルがUTF-8になってないとかかな
924: Merci chao (JP 0H9d-o4l0) [mercichao@gmail.com] 08/18(月)21:13 ID:YXEtTd9DH(1) AAS
MultiTabRows@Merci.chao.uc.js バージョン 3.3 がリリースされました：
- `pinnedTabsFlexWidth` を追加：ピン留めしたタブのサイズを通常のタブと同様に扱います。なお、タブバーがスクロール可能な場合でも位置が固定されなくなる（試験的機能）。
- `checkUpdateAutoApply` を追加：新しいバージョンがある場合にスクリプトファイルを自動更新（上書き）。`0` - 無効、`1` - 確認する、`2` - 常に更新、`3` - 常に更新（通知なし）。
- バグ修正：Firefox 142 において、閉じたピン留めタブを再度開くとタブ機能が正常に動作しなくなる。
- 全画面表示に関連する軽微な不具合を修正。
- `nativeWindowStyle` は全画面表示でも有効。
- タブバーサイズのロック動作を改善。
– 軽微な不具合の修正。
ダウンロード：外部ﾘﾝｸ[js]:github.com
紹介ページ：外部ﾘﾝｸ[md]:github.com
925: (ﾜｯﾁｮｲ 4171-xufC) 08/19(火)06:30 ID:QBmc/w2D0(1/3) AAS
>>916
止まってるね。身体の調子が悪いとか、面倒になったとか、何かしら理由はあるんだろうけど。
外部ﾘﾝｸ:github.com
ここのMultiRowTabLiteforFx.uc.jsもいい感じだよ。
926: 925 (ﾜｯﾁｮｲ 4171-xufC) 08/19(火)06:31 ID:QBmc/w2D0(2/3) AAS
返信引用間違えた
>>921
だった
927(1): (ﾜｯﾁｮｲ 4160-xufC) 08/19(火)14:24 ID:QBmc/w2D0(3/3) AAS
ところでIzheil氏のMultiRowTabLiteforFx.uc.jsの@authorの履歴かな
そこに最近このスレによく書き込んでくださるMerci-chaoさんの名もあるけど
一時MultiRowTabLiteforFx.uc.jsに関わっていたのかな
928: Merci chao (JP 0H9d-xufC) [mercichao@gmail.com] 08/19(火)16:05 ID:TRlE8TWTH(1) AAS
>>927
いいえ、そんなに深く関わっていたわけじゃないですね
昔、Izheil 氏の MultiRowTabLiteforFx.uc.js を使っていて、ある些細な提案とそのコードを投稿しました
それで、「作者の一員」になりました：
外部ﾘﾝｸ:github.com
気づいたのは、かなり後になってからでした（笑）
最初はそのスクリプトをベースで改造して、自分が欲しかった機能を追加してたが、だんだん全く別物になっていきました
929(2): (ｽｯﾌﾟ Sdf3-yZQk) 08/19(火)19:53 ID:2mL9Rv1Wd(1) AAS
>>923
遅くなりました。922です。
テストまでありがとうございます。
ESRポータブル日本語版も今v140.1.03ですね。
不慣れなので
>>909-911はuserChrome.cssの何行目に挿入したかお教え頂けますか？
(例:最終行の一つ前751行目など)
930(1): (ﾜｯﾁｮｲ dbaf-Aaf0) 08/20(水)04:00 ID:hkjycDe10(1) AAS
>>929
@charset "utf-8";
/* ピン留めしたタブの幅 */
なので3行目からだね
931: (ﾜｯﾁｮｲ 7322-uNzz) 08/20(水)15:21 ID:M9RnIHQt0(1) AAS
一段落ついたら142以降の安定版上げるかテンプレに書いてくれや
読むのめんどくさいんで
932(1): (ﾜｯﾁｮｲ 19fc-yZQk) 08/21(木)00:03 ID:w05yOfS00(1/5) AAS
>>930 ありがとうございます。
調べて遅くなりましたが922=916です
お教えの様に>>909-910 を.jsでなく userChrome.cssに摘要すると
外部ﾘﾝｸ:developer.mozilla.org
等より # で始まる行が(.jsでは行コメントですが)CSSでは重複NGのIDセレクタで
909-910 の意図と合ってるのか分かってませんが
本筋： 多段タブ.zip(138+)の適用方法は下記で合ってますでしょうか？(ESR128 PortableではOKの方法)
FirefoxPortableESR_140.1.0_Japanese.paf.exe(*2)を実行しできた(続く)
933(1): (ﾜｯﾁｮｲ 19fc-yZQk) 08/21(木)00:04 ID:w05yOfS00(2/5) AAS
\FirefoxPortable\の下の
(a)\App\Firefox64\config.js
(b)\App\Firefox64\defaults\pref\config-prefs.js
(c)\Data\profile\chrome\MultiRowTabLiteforFx.uc.js
(d)\Data\profile\chrome\userChrome.css
(e)\Data\profile\chrome\userChrome.js
として多段タブ.zip(138+)*1の以下をコピー
(a)\userChrome.js用スクリプトを利用する方法\ の同file
(b)\userChrome.js用スクリプトを利用する方法\defaults\pref\ の同file
(c)\多段タブ\ の同ファイル
省5
934: (ﾜｯﾁｮｲ 19fc-yZQk) 08/21(木)00:05 ID:w05yOfS00(3/5) AAS
(続き)
*1多段タブ.zip(138+)= 外部ﾘﾝｸ:u6.getuploader.com
なお\App\Firefox64\はPortableなのでfirefox.exeのあるインストールフォルダ。
>>923 の「alice0775氏のとこでuserChrome.jsなどを最新にしてないとか」
は「多段タブ.zip(138+)と違い、userChrome.jsなどを適切にしてないとか」と
理解してますが違えばお教えください。
編集する場合は当然 漢字コードはUTF8(BOM無し)と多段tab.zip(138+)と同じ。改行コードも非変更(CRLFでした)
935(1): (ﾜｯﾁｮｲ 19fc-yZQk) 08/21(木)00:13 ID:w05yOfS00(4/5) AAS
続き（*2):前回>>929でVersion誤記しました。すみません。
936(3): (ﾜｯﾁｮｲ dbaf-Aaf0) 08/21(木)03:19 ID:M9KfVHIe0(1/2) AAS
>>932
a~eのファイル設置場所は合っているけど、うちの場合は
138+の多段タブ.zipからはMultiRowTabLiteforFx.uc.js(を>>775したもの)しか使っていない。他のファイルは
外部ﾘﾝｸ[js]:github.com
で検索窓でconfigと打って出てくる117/～～のconfig.js(139/～のでは多段タブは何も動作しなかった)
同じく117/～のconfig-prefs.js(まあこれは139のと中身同じだけど)
141/～のuserChrome.js
あと必須なのがこれ(about:configで直接やっても当然問題無いはず)
FirefoxPortable\Data\profile\user.jsを作って中身に以下を記述
// userChrome.css/userContent.css有効
省3
937(1): (ﾜｯﾁｮｲ d9cf-mlbM) 08/21(木)03:38 ID:7Z0VIBfT0(1) AAS
139のはtest用やね
938(3): (ﾜｯﾁｮｲ 19fc-yZQk) 08/21(木)09:13 ID:w05yOfS00(5/5) AAS
>>936 ありがとうございます。932-935=>>916です
>>909-910はどのファイルのどこに 追記しましたでしょうか？
また それでタブをピン止めした際、(909で変更されたピン止めタブの幅は別にして)
下図の様にピン止めしたタブの下も多段タブが入るのでしょうか？
画像ﾘﾝｸ[jpeg]:i.imgur.com
>>936 = >>909-911さんですね
939: (ﾜｯﾁｮｲ dbaf-Aaf0) 08/21(木)11:19 ID:M9KfVHIe0(2/2) AAS
>>938
もう一度試してみたけどやはりその画像のように表示できる
最小構成としては
config.js alice氏の117
config-prefs.js alice氏の117
MultiRowTabLiteforFx.uc.js 多段タブ.zip
userChrome.js alice氏の141
about:configのtoolkit.legacyUserProfileCustomizations.stylesheets をtrueに
これだけで一応その画像のような感じにはなる(タブが縮むので多少多くタブを出さないとだけど)
なのでまずは最小構成で試してみて
省2
940: (ﾜｯﾁｮｲ 41a7-2K4X) 08/21(木)23:56 ID:Ktwxl4e00(1) AAS
なにがあんだかわからなくなってきた
941: (ﾜｯﾁｮｲ 41d7-PSkW) 08/22(金)01:18 ID:s7wYNYCo0(1) AAS
>>938
ESRは来年（2026）の第二四半期まではロダの多段タブでも大丈夫だろうね
以降はロダの更新がない限りは別の多段タブのスクリプトに変える必要あるだろうけど
942: 08/22(金)01:30 AAS
ずーっと「128.14.0esr(64 ﾋﾞｯﾄ)」を使ってる。
何故かずーっと「最新バージョンです」って言われるし…
943: (ﾜｯﾁｮｲ 19fc-yZQk) 08/22(金)02:12 ID:4Y3Qd8xL0(1/2) AAS
932-935=938=>>916です
私が「936 = >>909-911さんですね」と書きましたが
私の間違いで936さん=938=923 ≠909-911さんですね
その為>>938と失礼な事を書き、申し訳ありません。
>>936 さんの通りにし(909-910はコード読んで不要と判断)
おかげ様でFirefox140.1.0ESR portableで
正しくpin止め下のタブも正しい多段タブで動作しました→画像ﾘﾝｸ[jpeg]:i.imgur.com
(alice0775氏/(最新)139/searchWP_modoki.js動作も31行目からの//(使い方)どおり正常)
936 さん 誠に有難うございました。
944: (ﾜｯﾁｮｲ 19fc-yZQk) 08/22(金)02:14 ID:4Y3Qd8xL0(2/2) AAS
(続き=原因等)
>>933との DiffはuserChrome.jsとuser.jsですが切分け実験して
原因は多段タブ.zip(138+)の userChrome.jsが古い為でした(user.jsは無くてもabout:configで該当=trueで動作OKでしたが安心のため配置)
動作:userChrome.js種類 ,@versiom(17行目)
----------------------------------
NG:多段タブ.zip(138)+版,2025/04/02
OK: alice0775氏/139 ,2025/05/11
OK: alice0775氏/141 ,2025/06/16 Bug 1968479(←？issueでも無く何の番号か未理解、続く説明も内部的で理解できず)
なお私が>>935の通りVersion間違えたのですが
Firefox140.1.0ESR portableで/141版を使用して問題ないかは分かっていません
省3
945: (ﾜｯﾁｮｲW 5931-TfC1) 08/22(金)07:42 ID:UG/D9F5p0(1) AAS
上手く言えないんですが タブの1段目と2段目の隙間を圧縮することって出来ますか？ 隙間が空きすぎてて何かしっくりこないんです
どこをイジればいいですか？
946: (ﾜｯﾁｮｲ dbd7-2K4X) 08/22(金)10:11 ID:sbOprGyW0(1) AAS
142.0 (64bit)にしたら、多段タブzipだとタブの移動が凄いことになったので
これを機に@Merciに切り替えてみた
以前からのcssもそのまま使えたし、概ね良好
947: (ﾜｯﾁｮｲ d3dd-PSkW) 08/23(土)11:18 ID:CRkEt4Vg0(1/3) AAS
Tab Mix Plus有料じゃなくなった？ 開発ビルド - 2025-08-20 一応使える
タブ移動のときの変な動きが正常になってる
948(1): 08/23(土)16:26 AAS
何処でインストール出来るの？
検索しても、これ
外部ﾘﾝｸ:addons.mozilla.org
しか見つからないんだけど…
949: (ﾜｯﾁｮｲ d3dd-PSkW) 08/23(土)16:50 ID:CRkEt4Vg0(2/3) AAS
>>948
github.com/onemen/TabMixPlus/releases
ここだよ インストール方法は省くけど
ただまた有料化して使えなくなるかもだからオススメはしない
950(1): 08/23(土)17:01 AAS
extensions.experiments.enabled を True に変更しても、
ＸＰＩが壊れている、って言われてインストール出来なかった。
951: (ﾜｯﾁｮｲ d3dd-PSkW) 08/23(土)17:53 ID:CRkEt4Vg0(3/3) AAS
>>950
github.com/onemen/TabMixPlus/
構成ファイル(fx-folder.zip)と
utils（utils.zip）の最新ファイルとインストール方法は上のリンクから
つべのTabMixPlusインストール方法でやるなら最新ファイルを使って
www.youtube.com/watch?v=77WtnF_6mps
952: (ﾜｯﾁｮｲ a9a7-KI5w) 08/24(日)17:08 ID:49VMfPrH0(1) AAS
なにがあんだかわからなくなってきた
953: (ﾜｯﾁｮｲ 35da-BVU1) 08/28(木)17:09 ID:cTTdZKx50(1) AAS
142.0.1 (64 ビット) OK
954(1): (JP 0H39-NWkk) 08/30(土)00:00 ID:/5qKMrm1H(1) AAS
MultiRowTabLiteforFx.uc.jsを更新し続けてくれた方、今までありがとうございました
955: (ﾜｯﾁｮｲ 6f2a-aD9e) 09/01(月)00:27 ID:KXQtRwug0(1) AAS
>>954
そうだね。御礼言いたい。
でも本当に終わりなのかな？
956: 09/01(月)01:07 AAS
いや何で勝手に終わらせてるんだよ。
上下前次1-新書関写板覧索設栞歴
ｽﾚ情報 赤ﾚｽ抽出 画像ﾚｽ抽出 歴の未読ｽﾚ AAｻﾑﾈｲﾙ
ぬこの手 ぬこTOP 0.043s