Mozilla Firefox 多段タブスレ Part.1

火狐 (ｽﾌﾟｯｯ Sd03-zceO) · 2019/12/31(火) 17:30:22.42

!extend:checked:vvvvv:1000:512
!extend:checked:vvvvv:1000:512
↑次スレ建てるときは三行になるようにコピペしてください

■Mozilla Firefox
https://www.mozilla.org/firefox/
■Mozilla Firefox リリースノート
https://www.mozilla.org/firefox/notes
■Firefox サポート
https://support.mozilla.org/ja/

-----

多段タブを実現するuserChrome.js、userChrome.css等を扱う専用スレです
相互互助にお使いください

Mozilla Firefox Part360
https://egg.5ch.net/test/read.cgi/software/1576648561/
Mozilla Firefox質問スレッド Part186
https://egg.5ch.net/test/read.cgi/software/1576910595/
Mozilla Firefox 拡張機能スレッド Part118
https://egg.5ch.net/test/read.cgi/software/1568724287/
Firefox userChrome.js greasemonkeyスクリプトｽﾚ40
https://egg.5ch.net/test/read.cgi/software/1567300946/

-----

Firefox72向けのuserChrome.js設定でウダウダする～ - Palm84 某所の日記
XBL バインドが無効になった 72 以降でも userChrome.js用スクリプトを利用する方法
多段タブ.zip
https://diary.palm84.com/entry/20191209/1575845673

VIPQ2_EXTDAT: checked:vvvvv:1000:512:: EXT was configured 👀
Rock54: Caution(BBR-MD5:68f2ed3dc652fce4c9169aaf2a727f10)

2023/07/16(日) 05:40:35.83

Tabmixplusとかレガシーアドオンで終わってると思ったらいつの間にが現行で使えるの出てたのか
そこが手始めに公開して作ったTab Mix Linksは一時期使ってたがリンク開く挙動のみでTabmixplusとは似てもに使わないもので更新も止まってたな
結局cssで多段タブとかメニューとブックマークバーアドオン大きさの変更とか高さとか変えられたので

このTabMixPlus 1.0.0-preとやらが何処まで変えられるのか興味あるがスレ見たら只アドオン入れただけで機能しなくてあれやこれややらんといかんのか
入れるだけなら試すが面倒そうなので辞めておくか

2023/07/16(日) 07:39:52.54

多段スレで何言ってんだ？ってレベルのあれやこれやだけどね…

2023/07/29(土) 00:08:11.83

115.0.3 OK

2023/07/29(土) 03:32:41.72

無能ほどスレに現れるんだよな　これできなねー　教えてくれってよ
簡単だろ　無能だけがピーピー喚くんだよな
こんな無能は全員死んでくれよ?　見てるだけでイライラするな

2023/08/01(火) 20:11:08.42

116　O.K.

2023/08/02(水) 21:22:11.00

どしたん？話聞こか？

2023/08/04(金) 18:22:28.31

16.0
一番右のピン留タブとタブの間に隙間ができた

2023/08/04(金) 18:26:48.17

これが効いてないっぽい

/* 最後にピン留めされたタブと最初に表示されるタブの間に出来た空白を無くす */
#tabbrowser-tabs[haspinnedtabs]:not([positionpinnedtabs]) > #tabbrowser-arrowscrollbox > .tabbrowser-tab[first-visible-unpinned-tab] {
margin-inline-start: 0 !important; /* デフォルト 12px */
}

2023/08/04(金) 18:41:48.37

解決したわ

2023/08/05(土) 20:31:31.23

>>610
1.0.0-pre.16 (2023-06-17)

安定版以外にNightyとデベロッパー版も試して見たけど
「このアドオンは壊れているためインストールできませんでした」と言われて
インストール出来ないのですが、何か設定があるのでしょうか？

2023/08/05(土) 23:38:58.90

firefox116：多段タブ.zipで02の3段タブを5段に変えて使ってますが
画面右端に表示される谷折りマークのようなタブ一覧ボタンが
表示されなくて地味に困っています。

2023/08/05(土) 23:46:10.93

そりゃ多段であれがいるって人が少数派だからしゃーない

2023/08/06(日) 00:21:13.92

>>620
TMP入れて困ったこともある
・両端にスペースが有る
・タブ移動のときプルプル震えて移動しづらい（色々いじったら直った）
・最小化や閉じるボタンがタブのスペースの邪魔をする（非表示で対応）
i.imgur.com/nygbn7r.jpg

それでもTMP入れたいならここ参考にして
about:config
/*未検証アドオン復活 */
user_pref("xpinstall.signatures.required",false );

github.com/onemen/TabMixPlus/issues/233#issuecomment-1615920071

2023/08/06(日) 01:33:30.84

最後にconfig.jsの中身を最新に変えないといけなかった
github.com/onemen/TabMixPlus/files/12021599/config.zip

2023/08/06(日) 01:36:35.94

>>623
ありがとうございます。
やってみます

2023/08/06(日) 08:27:54.58

TabMixPlusのissues（問題）クリックしたら
「Firefox117ではTabMixPlusが無効になりました」スレがあって
github.com/onemen/TabMixPlus/issues/235
github.com/xiaoxiaoflood/firefox-scripts/issues/265
Firefox117の変更点「firefox-scripts これらの変更を行わないとFirefox 117では動作しなくなります」
また面倒なことになりそうｗ

2023/08/06(日) 12:21:42.08

悪さしてる何かのスイッチをオフにすれば別の何かのスイッチがオンになる
その繰り返し
もはや構造的欠陥がある

2023/08/07(月) 16:49:21.95

116.0.1 (64 ビット) OK

2023/08/09(水) 09:14:26.56

116.0.2 OK

2023/08/17(木) 08:55:16.24

116.0.3 OK

2023/08/29(火) 00:55:08.72

117　更新必要

2023/08/29(火) 11:06:34.89

は？

2023/08/29(火) 22:48:48.95

117 俺の環境でも，これまでの設定ではダメだった。
探ってくる。

2023/08/29(火) 23:10:45.22

解決した。

alice0775さんのところにある注意書き

Firefox117+
* Services.jsmが削除されたため、従来の方法ではuserChrome.jsは動作しません。
Firefox117以降は、
・117/install_folder/にあるconfig.jsとっさしかえるか,

2023/08/30(水) 03:38:51.81

>>634
俺もこの方法で上手くいきました
ありがとう

2023/08/30(水) 07:45:06.24

firefox117.0
さすがに多段タブ108+じゃダメだった
多段タブ117+に差し替えたら動いた

2023/08/30(水) 09:34:34.96

config.jsの差し替えだけでいけるんやな
情報ありがとな

2023/08/30(水) 10:26:31.65

ふー戻ってこれた

2023/08/30(水) 11:18:25.92

117に更新したら多段タブが出来なくなったので
config.jsの差し替えだけで難なくクリアー

いつもここのスレの情報には感謝してる
ありがとう

2023/08/30(水) 15:36:32.38

ありがたや
config.jsの差し替えでおｋだったわ

2023/08/30(水) 18:07:40.52

Tab Mix Plusを使用してる人へ
github.com/onemen/TabMixPlus/files/12257459/fx-folder.zip
github.com/onemen/TabMixPlus/files/12257460/utils_extensions_and_scripts.zip

①config.jsをfirefox.exeと同じフォルダへ
②utilsをchromeフォルダへ
③TMPは一度削除してxpi再度インストールする
④about:supportで起動時キャッシュを消去
アリスさんの117config.jsだとTMPインストール時「ファイルが壊れて・・」と出る

2023/08/30(水) 20:04:42.63

今回も乗り切れたけどそろそろ疲れてきたな
拡張で作れるようにAPI用意してくれ

2023/08/31(木) 21:01:42.76

117に2023/07/31の多段タブ入れたんだけど、タブは多段表示になったが
タブ閉じるとその場所が空白化して詰めてくれない
同様な現象になった人いない？

2023/08/31(木) 22:40:44.68

ありがたいありがたい

2023/09/01(金) 00:53:57.67

>>643
タブの横幅固定のcssで最大幅を指定すると空白ができるみたい。
最大幅cssをコメントアウトすればいい。

2023/09/01(金) 20:11:03.26

最大幅を設定できないの不便すぎるな・・・何とかならんかな？

2023/09/01(金) 22:30:43.84

多段タブの記述のところ古いやつと入れ替えたら行けたような気がする

2023/09/01(金) 23:41:36.99

117+で多段復活しました。
タブ上でマウスホイールをクルクルするとタブを移動できるけど
ループさせるには何をいじればいい？今は端まで来たらそこで止まる。
about:config　で　toolkit.tabbox.switchByScrolling　を呼び出したらtrueになってるけど
これだけじゃあかんのか

2023/09/01(金) 23:41:47.75

ポータブル版も117多段いけたわ。ありがとう
config.jsの場所めっちゃ探してしまったけどｗ

空白は出来ないが選択しているタブの幅だけ効かなくなったな
ちなみに01使用

/* タブの横幅 */
.tabbrowser-tab[fadein]:not([pinned]) {
min-width: 100px !important; /* 最小値デフォルト 76px */
max-width: 165px !important; /* 最大値デフォルト 225px */
}

/* 選択しているタブの幅 */
#TabsToolbar .tabbrowser-tab[selected] {
width: 200px !important;
}

2023/09/02(土) 02:42:56.21

>>649
これで複数選択もいける

/* 選択タブの幅 */
#TabsToolbar .tabbrowser-tab:is([selected],[multiselected]) {

min-width: 200px !important;

}

2023/09/02(土) 09:02:50.93

Tab Mix Plus
最新のテストビルド
1.0.0-pre.17.20230728.1.xpi
tabmixplus.org/dev-builds/test%20builds/

2023/09/02(土) 09:50:43.74

>>650
ありがとう。出来た
どうせならと、マウスオンのタブの幅広げてみた
タブが探しやすくなったわ

/* マウスオンタブの幅 (アクティブ) */
.tabbrowser-tab:hover:is([selected],[multiselected]) {
min-width: 200px !important;
}

/* マウスオンタブの幅 (非アクティブ) */
.tabbrowser-tab:hover:not([selected=true]) {
min-width: 300px !important;
}

2023/09/02(土) 22:10:41.00

>>641
しゅごい

2023/09/06(水) 16:52:58.10

>>641
神だ！

2023/09/06(水) 22:21:10.20

横幅固定で空白スペースできて困ってましたがお陰様で直りました
ありがとうございます

2023/09/07(木) 10:38:57.09

でも最大幅は設定できないんですよね？

2023/09/13(水) 06:17:05.12

117.0 → 117.0.1 OK

2023/09/13(水) 17:52:31.41

う～んやっぱり最小値と最大値をこんなふうに固定すると終端以外のタブを閉じると空白ができる

.tabbrowser-tab:not([pinned]) {
flex-grow: 1 !important;
min-width: 120px !important; /* 最小値デフォルト 76px */
max-width: 120px !important; /* 最大値デフォルト 225px */
}

ちなみにタブをProtonUIのまま多段にするの03を使用

2023/09/13(水) 19:30:58.60

>>658
Windows のスタートメニュー > 簡単操作 > ディスプレイ > Windowsにアニメーションを表示するをオフにすればいい

2023/09/13(水) 20:33:40.11

直りました！ありがとうございます
なるほど空白ができる人とできない人がいるわけだ

2023/09/17(日) 07:55:20.70

新しいスクリプトが来たけどやっぱりタブ幅を固定すると終了後いくつか閉じたタブが復活するし
Fire Gesturesのまとめてタブを閉じる機能が効かなくなるな

2023/09/17(日) 20:03:34.12

>>661

gBrowser.tabContainer.on_dragover = function(event) { return; }

の前に、

gBrowser.removeTab = function removeTab(aTab, aParam) {
aParam.animate = false;
gBrowser.removeTab_MRT_org(aTab, aParam);
}

この4行を追加すればいい

2023/09/17(日) 20:12:55.63

訂正

>>661

gBrowser.tabContainer.on_dragover = function(event) { return; }

の前に、
gBrowser.removeTab_MRT_org = gBrowser.removeTab;
gBrowser.removeTab = function removeTab(aTab, aParam) {
aParam.animate = false;
gBrowser.removeTab_MRT_org(aTab, aParam);
}

この5行を追加すればいい

2023/09/18(月) 09:49:10.83

直りました！色々難しいですね

2023/09/27(水) 09:58:49.07

118.0 (64 ビット) OK

2023/09/28(木) 01:05:14.37

118.0にしたらタブの中のタイトルが下にズレてしまった…
高さ24pxにしてるのまずいのかな

2023/09/28(木) 03:21:02.79

20pxでした　タイトルがほぼ半分隠れた状態です
userChrome.cssのvertical-alignあたりかなとも思うのですが解決できず

2023/09/28(木) 11:23:36.97

なおったあああああ

2023/09/28(木) 12:43:49.03

>>668
俺にはその症状出てないんだけど今後の参考になるから何をどうしたら直ったのか教えて欲しいです、

2023/09/29(金) 10:12:21.27

118.0.1 (64 ビット) OK

2023/10/01(日) 12:35:20.38

>>641
ESR115だと、再インストールの時に互換性がないと出てしまう
ESRは無理なのかな

2023/10/01(日) 19:15:18.35

>>671
ESR115インストール直後からTMPが動くまでを動画にしました
118.0.1でも全く一緒です
詳しくはつべの概要欄を見てください
https://www.youtube.com/watch?v=77WtnF_6mps

2023/10/02(月) 08:26:12.64

>>672
ありがとう
しかしこれまでやってみてた手順と全く同じで、これ見ながらもう一度やってみたけどやっぱり「Firefox115.0.1と互換性がないためインストールできません」ってなる
でもESRでもインストールできるんだね、何か余計な物が邪魔してるのかな…またチャレンジしてみます

2023/10/11(水) 05:26:39.82

118.0.2 64ビット OK

2023/10/11(水) 07:49:16.17

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/11(水) 07:49:18.39

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/11(水) 07:49:23.49

結局タブわピン止めすれば
一段でも30サイトは並べられるやん

2023/10/13(金) 18:34:07.89

うっせーわ

2023/10/25(水) 05:03:39.87

119.0 64ビット OK

2023/10/27(金) 18:02:21.70

119.0 多段はOK
タブの色がおかしくなってんな

2023/10/27(金) 18:02:53.95

119.0 多段はOK
タブの色がおかしくなってんな

2023/10/28(土) 11:57:35.00

色なおったけどタブ間の区切りが無くなってることにやっと気づいた
タブの形いじってるとマウスオンのときしか効かなくなってるし

2023/10/28(土) 12:05:08.23

なおったわ

2023/10/28(土) 14:10:57.56

うちも色つかなくなってた
アクティブなタブ、音声が流れてるタブの色変え方法わかる方いたら教えてー

2023/10/28(土) 19:40:52.64

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #c1cede !important;
background-image: none !important;
outline : none !important;
}

/* アクティブタブの文字色 */
.tabbrowser-tab[visuallyselected=true] {
color: #3b424d !important;
}

2023/10/28(土) 19:41:31.69

/* 非アクティブタブの背景色 */
.tab-background:not([selected=true]) {
background-color: #6a788a !important;
}

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected=true]) {
color: #dfeaf5 !important;
}

2023/10/28(土) 19:42:05.81

/* タブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected=true]) {
background-color: #c1cede !important;
}

/* タブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack :not([selected=true]) {
color: #000000 !important;
}

/* 未ロードのタブを半透明化 */
#TabsToolbar .tabbrowser-tab[pending] {
opacity: 0.6;
}

2023/10/28(土) 19:43:36.90

/* タブのフォントサイズ */
.tab-text {
font-size: 11px !important;
}

/* タブの四隅 */
.tab-background {
border-radius: 3px !important;
}

2023/10/28(土) 19:45:32.29

プロきた!!

2023/10/28(土) 19:47:22.09

マウスオンの色をアクティブと非アクティブでそれぞれ変えたいけどわからんかった
非アクティブ用に見えるけど改変すると何故かタブの区切りが無くなる
分かる人いたら教えてください

2023/10/28(土) 20:09:37.11

訂正
アクティブと非アクティブ系を両方指定すると
アクティブが効かなくなってんな

2023/10/28(土) 20:15:12.62

非アクティブを指定するとアクティブの色の上に他の色が乗っかってくるっぽいんだよなぁ
意味わからんわ

2023/10/28(土) 20:18:48.20

上のCSS全部入れでアクティブが効かないのはアクティブが違うんじゃなくて
非アクティブがミスっててたぶん邪魔してるんだと思う

2023/10/28(土) 20:28:05.39

訂正
これで両方とも指定出来た
[multiselected]を忘れてたわ

/* アクティブタブの背景色 */
.tab-background:is([selected], [multiselected]) {
background-color: #c1cede !important;
background-image: none !important;
outline : none !important;
}

/* アクティブタブの文字色 */
.tabbrowser-tab:is([visuallyselected], [multiselected]) {
color: #0dff00 !important;
}

/* 非アクティブタブの背景色 */
.tab-background:not([selected], [multiselected]) {
background-color: #6a788a !important;
}

/* 非アクティブタブの文字色 */
.tabbrowser-tab:not([visuallyselected], [multiselected]) {
color: #c71414 !important;
}

2023/10/28(土) 21:36:57.97

訂正後マウスオンの色指定が効かなくなったので修正すますた
アクティブと非アクティブ両方指定OKです

/* アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:is([selected], [multiselected]) {
background-color: #000000 !important;
}

/* アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:is([selected], [multiselected]) {
color: #c1cede !important;
}

/* 非アクティブにマウスオンしたときの背景色 */
.tabbrowser-tab:hover > .tab-stack > .tab-background:not([selected], [multiselected]) {
background-color: #ff00f7 !important;
}

/* 非アクティブにマウスオンしたときの文字色 */
.tabbrowser-tab:hover > .tab-stack >:not([selected], [multiselected]) {
color: #f6ff00 !important;
}

2023/10/28(土) 23:31:49.15

ぴょんぴょんは出来るけど音出てるタブの色変えはわからんわ

/* タブサウンドアニメーション */
.tab-icon-overlay:-moz-any([soundplaying],[activemedia]){
transform: rotate(-90deg) !important;
animation: thumps .47s ease infinite !important;
fill: red !important;}
@keyframes thumps {
10%,90% { margin-top: -3px;}
}

.tab-icon-image:not([pinned]){opacity: 1 !important}
.tab-icon-overlay:not([pinned],[crashed])[soundplaying]{
opacity: 1 !important; border-radius: 9px !important; top: -6px !important; inset-inline-end: -12px !important;z-index: 1 !important;margin-right: 12px !important; color: inherit !important;background-color: #00000000 !important; !important; fill-opacity: 1 !important; padding: 0px !important; height: 16px !important; width: 16px !important;
}

.tab-icon-overlay:not([pinned],[crashed]), .tab-icon-overlay:not([crashed],[pinned])[activemedia-blocked] {
opacity: 1 !important; border-radius: 9px !important; top: -6px !important; inset-inline-end: -12px !important;z-index: 1 !important;margin-right: 12px !important; color: inherit !important;background-color: #00000000 !important; !important; fill-opacity: 1 !important;padding: 0px !important; height: 16px !important; width: 16px !important;
}

.tab-icon-overlay:is([pinned]){
inset-inline-end: -9px !important;padding: 0px !important; top: -6px !important; height: 16px !important; width: 16px !important; stroke: #00000000 !important;color: inherit !important;
}
.tab-icon-overlay:is([pinned]):hover{
inset-inline-end: -9px !important;padding: 0px !important; top: -6px !important; height: 16px !important; width: 16px !important; stroke:#c1cede !important; color: inherit !important;
}

2023/10/29(日) 22:07:04.92

ツールバーの並び順が適用されないのだが何故なんだろう

2023/10/30(月) 17:48:59.59

>>697
/* ツールバーの並び順 */
#toolbar-menubar { order: 1; } /* メニューバー */
#nav-bar { order: 2; } /* ナビゲーションツールバー */
#PersonalToolbar { order: 3; } /* ブックマークツールバー */
#titlebar { order: 4; } /* タブバー */

2023/10/30(月) 19:15:45.83

>>698
ありがとう
それは MultiRowTabLiteforFx.uc.js に書いてあるんだけど何故か効かないんだ
なお多段タブ.zip の05と06を使って「タブバーをウィンドウの下部に移動」は効く

2023/11/08(水) 23:47:58.47

119.0.1ok

2023/11/09(木) 08:41:26.41

thx

2023/11/09(木) 22:50:24.15

すいません
ナビゲーションツールバーって表示するには、どうしたら？
あとは、タブが表示される位置をブックマークツールバーの下にしたいのですが

2023/11/11(土) 17:55:59.45

誤って110から119.0.1にアップグレードしてしまい多段タブが使えなくなってしまったんですが
本バージョンで多段タブにするにはどうしたらいいんでしょうか
10/9更新分の多段.zipからMultiRowTabLiteforFx.uc.jsを既存同名ファイルの場所にコピーしたんですが効かず…

2023/11/11(土) 18:51:23.39

>>703
userChrome.js用スクリプトを利用する方法読めばいいじゃない（アウラ）

2023/11/11(土) 19:48:26.55

みなさんタブの上下段って区切ってます？

タブの下辺にタブバーの色仕込んでんだけど
もっと賢いやり方あるかな？
border-bottom: 1px solid rgb(226,226,226) !important;

2023/11/14(火) 00:40:28.15

>>703 だからアップデートをしないように注意するくらいならESR使えって言ってんだよ

2023/11/16(木) 06:27:36.65

/Applications/Firefox.app/Contents/Resources/distribution/policies.json

/* policies.json */
/* Firefoxのアップデート通知を無効にする */
{
"policies": {
"DisableAppUpdate": true
}
}

2023/11/21(火) 00:19:00.79

120.0 問題なし