北森瓦版 - Northwood Blog (Author : 北森四葉. Since July 10, 2006.)
かつてFireFoxにはTab Mixという便利なアドオンがあり、これを用いてFireFoxのタブの機能をいろいろとカスタマイズすることができた。大幅にカスタマイズせずともかゆいところに手が届く優れたアドオンだったが、FireFox 57以降は「旧式アドオン」として扱われてしまい、使用できなくなってしまった クソが!

Tab Mixの打ち切りは影響が大きかったようで、その機能を代替する方法が考え出され、インターネット上にも数多く掲載されている。

そしてこの程、2つのTab Mix機能の代替法を試したのでここに記録したい。
 


1:ポップアップウィンドウをタブで開くようにする

文字だとわかりにくいので実際に状況を画像でご覧いただきたい。

FireFox 59 カスタマイズ 1 (2018年5月12日)

ツイートボタンを押したら小窓がポップアップしてしまった ウザい

これは新規にFireFox 57以降をインストールしたときに問題になることが多い。この小窓ポップアップを防ぎ、別タブで開かせるようにしたい。
ところがFireFox右上の「≡」からたどれる「オプション」や「カスタマイズ」にはこれを制御する項目はない。

対処法:about:config より、当該項目の値を変更する

アドレスバーに「about:config」と入力すると、より細かい設定を行うことができる。なお初回の場合「about:config」を入力すると、警告が発せられるが無視して良い。

FireFox 59 カスタマイズ 2 (2018年5月12日)

Windowsのレジストリエディタのように多数の項目が並んでいるが、その中から2つの項目を選択し、値を変更する。

 browser.link.open_newwindow → 3 に変更する
 browser.link.open_newwindow.restriction → 0 に変更する

FireFox 59 カスタマイズ 3 (2018年5月12日)

設定後。ツイート画面が別タブで表示されるようになった。

FireFox 59 カスタマイズ 4 (2018年5月12日)

about:config を弄るのならここの設定を変えてもいい。

 browsertabs.closeWindowWithLastTab → false に変更する


この項目をfalseに変更することで最後のタブを閉じた時に、FireFoxそのものが閉じられることを防ぐことができる。



2. タブを多段表示する

これは困った人が相当多かったようで、「FireFox 57 タブ 多段」と検索してやると多数の方法が出てくるが、最も一般的な方法は「userChrome.css」を用いる方法のようだ。

まず「userChrome.css」を作成する。

FireFox右上の「≡」より「ヘルプ」→「トラブルシューティング情報」とたどると以下の画面が出てくる。

FireFox 59 カスタマイズ 5 (2018年5月12日)

赤枠の「フォルダーを開く」をクリックするとエクスプローラーが起動し、プロファイルフォルダが開かれる。そのフォルダ内に新たに「chrome」のフォルダを作成し、その「chrome」フォルダ内に「userChrome.css」を作成する。

(参考)Firefox Quantum(ver57)で、タブを多段(2段,3段…)にする方法!

userChrome.css の中身は上を参考にした。
メモ帳を開き、設定を書き込む。

/* 多段タブの設定 */
#titlebar-buttonbox {
display: block !important;
vertical-align: top !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}

/* タブの高さ・横幅設定 */
.tabbrowser-tab:not([pinned]) {
min-height: 30px !important;
max-height: 30px !important;
min-width: 120px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 30px !important;
max-height: 30px !important;

}
/* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}


上は一例。ほとんど参考にさせていただいたWebサイト様の記載そのままで、タブ幅の最小値(min-width)の項目を若干調整したのみである。

このuserChrome.cssの設定はインターネット上に多数が掲載されているので、それぞれあったものを選んでほしい。

メモ帳で上の文字列を書き込んでそのまま保存するとただのテキストファイルが出来上がるが、ファイル名を「userChrome.css」に変更すれば機能するようになる。

そしてFireFoxを再起動すれば多段表示ができる。
ただし、Tab Mixそのままは再現できないようで、タブの移動に若干支障が残る。具体的には段をまたぐ移動に困難を生じる(できないわけではないが不自由である)。



今回のこれは決して真新しいものではない。

ま、個人的なメモですな。


コメント
この記事へのコメント
159940 
北森瓦版はMS Pゴシックに何か強いこだわりがあるのですか?あるいはメイリオがとても嫌いとか。
2018/05/12(Sat) 07:43 | URL | LGA774 #-[ 編集]
159941 
単純にwebextensionとかいうゴミ廃止して元に戻してくれたら良いだけなんだよな
2018/05/12(Sat) 10:13 | URL | LGA774 #-[ 編集]
159943 
※159940
「font-family 最新」でググると色々出てくるけど
北森さんもサイト開設当初のフォント設定を使っているだけでしょうし
そもそも話でそこまで気にする人が少ないだけかと…
"MS Pゴシック"なんかより"Osaka"の方が辞めて差し上げた方がいいまである

正直、よほどの拘り無ければ「font-family: sans-serif」設定でいいです
2018/05/12(Sat) 14:29 | URL | LGA774 #-[ 編集]
159944 
こういうのはすぐに詳しい人たちが代替手段を用意してくれるもんだと思ってたが
いまだにがんばってがんばって寄せる程度にしかできてないのか。愕然
まだまだ代替ブラウザで耐えるしかないね
2018/05/12(Sat) 15:04 | URL | LGA774 #/.OuxNPQ[ 編集]
159945 
細かいけど、FireFoxじゃなくてFirefoxです。
2018/05/12(Sat) 18:52 | URL | LGA774 #-[ 編集]
159947 
MS Pゴシックはアングラの香り
まぁメイリオは嫌いだけどw
2018/05/13(Sun) 07:20 | URL | LGA774 #-[ 編集]
159949 
でも今のFirefoxじゃないと俺のネット専用機E-350じゃ重くて使えない。
なので俺は拡張機能はほとんど無しで日頃から使ってる。
拡張前提なら仕様が変わって使えなくなったら終わりだし、多段で表示するほどタブをたくさん出したらE-350じゃ重くて使えないから、自然とタブを大量に出しっぱなしにはしなくなる。
2018/05/13(Sun) 14:44 | URL | LGA774 #-[ 編集]
159950 
だから私は Waterfox。
ちょっと更新が遅いけどね。
どこまで旧アドオンが残るか分からないけど、とりあえずFirefox 52 ESRの終了する8月21日まではいけると思う。
2018/05/13(Sun) 15:27 | URL | LGA774 #90LdKUd6[ 編集]
159951 
tabmixという機能があったのさえ知らんかった
2018/05/13(Sun) 15:33 | URL | LGA774 #-[ 編集]
159953 
Tab Mixが使いたいがためだけにwaterfoxに移行しました
2018/05/13(Sun) 19:48 | URL | LGA774 #-[ 編集]
159958 
何となくフォントがいい感じになった気がします
2018/05/14(Mon) 17:05 | URL | LGA774 #-[ 編集]
159984 
むしろ猛烈に見づらくなった・・
なぜ変えたのかしら
2018/05/17(Thu) 23:02 | URL | LGA774 #-[ 編集]
コメントを投稿する(投稿されたコメントは承認後表示されます)
URL:
Comment:
Pass:
秘密: 管理者にだけ表示を許可する
 
トラックバック
この記事のトラックバックURL
https://northwood.blog.fc2.com/tb.php/9364-4739752d
この記事にトラックバックする(FC2ブログユーザー)
この記事へのトラックバック