Firefox57 Quantumに更新された
いつもブラウザにはFirefoxを使っているのですが、今日からFirefox57 Quantumに更新されました。
今までのアドオンが殆ど使えなくなって、見た目も激変。今までのに慣れてたから使いづらい。
とりあえず
１．タブの多段表示
２．ツールバー（アドレスバー）をタブの上（メニューバーの下）にする
※Firefox65でまた下に戻ってしまったので、変更（２０１９年２月５日）
※66での１．２．は→こちらのページに新しく書き直しました。
３．リンクを新しいタブで、タブの一番最後に開く
４．ブックマークを新しいタブで開く
５．タブにマウスを載せた時に閉じるボタンを表示する
この５つを解決したのでメモ。
追加
コメント欄で教えてもらったので、「ブックマークツールバーの高さ」変更もしてみました。
更に、教えてもらって右クリックメニューから「他のタブをすべて閉じる」を消しました。
タブの多段表示
タブの多段表示とツールバーの位置を移動するには「userChrome.css」で設定します。
メニューバーの「ヘルプ」から「トラブルシューティング情報」を選択
「プロファイルフォルダー 」の「フォルダーを開く」を選択
開いたフォルダーに「Chrome」というフォルダーがあるか確かめます。
なければ、右クリック→新しいフォルダでフォルダーを作成して、「Chrome」という名前を付けます。
次に、メモ帳を開いて次の内容をコピペします。（左端の数字は不要です）
/* 多段タブ設定 */
#titlebar-buttonbox {
vertical-align: top !important;
display: block !important;
}
.tabbrowser-arrowscrollbox scrollbox {
overflow: visible !important;
}
.tabbrowser-arrowscrollbox scrollbox > box {
display: block !important;
}
/* タイトルバーの縦幅・高さ */
toolbarbutton.titlebar-button {
min-height: 31px !important;
}
/* タブバーの横幅・長さ */
.tabbrowser-tabs {
margin-right: -41px !important;
}
/* タブの幅・高さ */
.tabbrowser-tab:not([pinned]) {
min-height: 32px !important;
max-height: 32px !important;
}
.tabbrowser-tabs .tabbrowser-tab {
vertical-align: top !important;
-moz-box-sizing: border-box !important;
min-height: 32px !important;
max-height: 32px !important;
}
/* 新しいタブボタン */
.tabs-newtab-button {
vertical-align: bottom !important;
height: 30px !important;
}
「名前をつけて保存」を選択
先程開いた「プロファイルフォルダ」のなかの「Chrome」フォルダの中に
「userChrome.css」という名前を付けて、ファイルの種類を全てのファイルにして保存します。
※ファイル保存後にファイルの種類が「カスケードファイル」にならず、「テキストファイル」の場合は
拡張子が隠れている可能性が高いので
コントロールパネル→デスクトップのカスタマイズ→エクスプローラー（フォルダ）のオプション
→表示タブ→登録されている拡張子は表示しないのチェックを外す→OK
をやって「userChrome.css」ファイルを確かめてみてください。
「userChrome.css.txt」となっていたら、「.txt」を削除してカスケードファイルにしてください。
Firefoxを再起動すると、多段表示になっているはずです。
なっていない場合は、コピペミスかファイルを保存した場所が間違っている可能性が高いです。
※タブの入れ替えはできません（移動先が一番上の段になってしまいます）
（参考Firefox57で多段タブを使う方法）
ツールバー（アドレスバー）をタブの上（メニューバーの下）にする
これも上記の「userChrome.css」を使います。
「userChrome.css」ファイルを開き、次の内容をコピペします。（左端の数字は不要です）
上記１のタブの多段表示を行った場合はその内容の下にコピペします。
/* Tab bar below Navigation & Bookmarks Toolbars
For best results, show Title Bar or Menu Bar */
#nav-bar { /* main toolbar */
-moz-box-ordinal-group: 1 !important;
border-top-width: 0 !important;
}
#PersonalToolbar { /* bookmarks toolbar */
-moz-box-ordinal-group: 2 !important;
}
#TabsToolbar { /* tab bar */
-moz-box-ordinal-group: 3 !important;
}
コピペしたら保存して、Firefoxを再起動します。
（参考Moving the tabs below the menu toolbar in Firefox 57）
※Firefox65にアップデートされたら、またツールバーがタブの下になってしまった
なんで、そんなに下にしたいんだ～（２０１９年２月５日追記）
こちらのブログを参考に、上記の内容を削除して
/* navigation toolbar URLバー */
#nav-bar {
-moz-box-ordinal-group: 1 !important;
z-index: 10 !important;
position: relative !important;
margin-top: 29px !important;
}
/* titlebar メニューバーとタブバーの親 */
#titlebar {
-moz-box-ordinal-group: 2 !important;
z-index: 1 !important;
position: relative !important;
margin-top: -38px !important;
}
/* menubar メニューバーは、#titlebarの子ども */
#toolbar-menubar {
position: relative !important;
margin-top: -20px !important;
}
/* tabs toolbar タブバーは、#titlebarの子ども */
#TabsToolbar {
position: relative !important;
margin-top: 35px !important;
}
にしました。これで、タブバーが上に行きました。
少し位置がずれたりするので、三箇所あるmargin-topの値を色々いじって調整します。
リンクを新しいタブで、タブの一番最後に開く
リンクを開く時、新しいタブがそのタブの横ではなく、一番最後に開くようにしました。
アドレスバーに「about:config 」と入力して「Enter」を押して
「危険性を承知の上で使用する」をクリックします。
検索欄に「browser.tabs.insertRelatedAfterCurrent」をコピペして入力
値の「true」をダブルクリックします。
「false」に変わったら、Firefoxを再起動します。
ブックマークを新しいタブで開く
アドレスバーに「about:config 」と入力して「Enter」を押して
「危険性を承知の上で使用する」をクリックします。
検索欄に「browser.tabs.loadBookmarksInTabs」を入力
値の「false」をダブルクリックします。
「true」に変わったら、Firefoxを再起動します。
タブにマウスを載せた時に閉じるボタンを表示する
上記と同様に、「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; }を追加します。
（参考Firefox 57 になってしまって利用していたアドオンが死亡してしまって凄い困っていて寝ることができないので頑張ってなんとかしようと試行錯誤するメモ）
これで、大体の見た目や使い勝手が元に近づきました。
ブックマークツールバーの高さ変更
コメント欄でtakamonさんに教えていただきました。
上記と同様に、「userChrome.css」に
#PersonalToolbar {height: 25px !important;}を追加します。
右クリックメニューから「他のタブをすべて閉じる」を消す
右クリックのメニューの
「右側のタブをすべて閉じる」の下に「他のタブをすべて閉じる」が来ていて
既にこのトラップに嵌って、全てのタブを消してしまいました。
大ショックです。一年前に保存していたものしかなくて、
最近のタブは殆どなくなってしまいました。。。
コメント欄で( ﾟAﾟ)さんに教えていただきました。ありがとうございます。
「他のタブをすべて閉じる」を右クリックメニューから消すには
上記と同様に、「userChrome.css」に
#tabContextMenu #context_closeOtherTabs {
visibility: collapse !important;
display: none !important;
} を追加します。
便利なアドオン
前に使っていた機能が使えるようなアドオンもいくつか入れました。
Select After Closing Current現在のタブを閉じた後に、どのタブにフォーカスするかを設定できる。
Undo Close Tabいわゆる「最近閉じたタブ」です。
困っていること
まだ解決できないこともあります。
複数タブを閉じる時の確認が出ない
複数タブを閉じる時に確認が出る時と出ないときがあります。
「右側のタブをすべて閉じる」時は出るのですが、
「他のタブをすべて閉じる」の時は出ませんでした。（出たら回避できたのに～）
また、Firefoxを終了する時（右上のXを押したとき）も出ません。
（「about:config」の「warnoncloseothertabs」は「true」になっています）
もし、解決方法がわかる方がいらっしゃいましたらぜひ教えてください。
よろしくお願いします。
どれか１つクリックお願いします。
コメント
私の困っていた事と丸かぶりなのでとても参考になりました。
家に帰ったらさっそく試したいと思います。
ありがとうございました。
>モンゴル300さん
お役に立てたら幸いです。
不具合や発見がありましたら教えてくださるとうれしいです。
こちらで紹介された1と2、それにbrowser.tabs.tabMinWidthを組み合わせてかなり以前の環境に近づきました。
特にタブバーの下段移動は欲しかった機能なので大変ありがたいです。
>えりえるさん
お役に立てたようでよかったです。
時間が経って使いやすいアドオンが出ると良いのですが。。。
わぁ～！
bunji_様、cssが書けるんですね！
私は、htmlは何とか分かりますが、
cssは分かりません（恥．．．）
私も、もっともっといろいろ勉強しなければ、と
本当に思います。
bunji_様からもとても刺激を受けます。
ありがとうございます。
こちらこそ、これからもどうぞよろしくお願いいたします！
>Keiichiさん
残念ながらcssは殆ど書けません。私が得意なことは検索することです。
この記事に書いてあることも全部、検索して色々なところから持ってきたものを
まとめただけなんです。スミマセン。
こちらこそこれからもどうぞよろしくお願いします。
またまたアドレスバーの表示位置がタブの下に潜ってしまい面食らってました。
とっても助かりました！
しかし製作者側は何で位置をひっくり返したがるんですかね。
ページ表示内容とタブは近い方が便利だと思うんだけど・・・。
>akiraさん
お役に立ったようで良かったです。
以前の更新でも、アドレスバーの位置が強制的に変わったことがありましたよね。
実は制作側はアドレスバーがタブの下にある方が好きなのかもしれませんね。
私はタブをたくさん出しているので、余計に離れてしまって気持ち悪いです。
Firefoxの「タブを下に」で助かりました。
私は「Classic Theme Restorer」というアドオンでタブ位置の変更をしていたのですが、バージョンアップ後にいきなり使えなくなって焦りました。こちらの情報を基に設定変更したら結構簡単でした。
ありがとうございました。
>ＴＨ６９さん
お役に立ったようで良かったです。
私も「Classic Theme Restorer」使っていました。
殆どのアドオンが使えなくなったのでびっくりしました。
もっといい方法（タブの入れ替え可能な方法とか）が出てきてくれることを願ってます。
勝手にブラウザがアップデートされ、またまたタブが上位に・・・
なかなかタブを下に下ろせなかったので、かなり助かりました！！
ありがとうございます＾＾
ほんとなぜ上にしたがるのか・・・
「tabs.on.top」もfalseになっているのに・・・
あと「ブックマークツールバーの高さ」がかなり低いと感じました。
一応共有ですが、もし高さを変えたいという方がいらっしゃれば、userChrome.cssに以下を書けばOKです。
#PersonalToolbar {height: 25px !important;}
↑おおよそ20～25pxくらいが使いやすいと個人的に思います。
>takamonさん
お役に立ったようで良かったです。
世の中の人はタブが上が好きなのかと思っていましたが、
やはり下にしたい人がたくさんいることが分かってちょっと嬉しいです。
「ブックマークツールバーの高さ」のcssありがとうございます。
早速やってみたいとおもいます。
ツールバー（アドレスバー）をタブの上（メニューバーの下）にする
ありがとうございます！Classic Theme Restorerが使えなくて困り果ててたところでした（＾＾；
>アステカ（ｔ）さん
お役に立ったようで良かったです。
私も「Classic Theme Restorer」使っていました。
突然の変更で困りますよね～
私はこのブラウザ使ってないので関係ないですが、bunjiさんの検索スキルとまとめるスキルを活かせば、何かビジネスにつながりそうですが、どうでしょう？ どこにいてもできるビジネスなので、今のライフスタイルにも支障ないでしょう。
>cachacaさん
そうですね。旅行のプランニングとか良いかな？と思ったこともあるんですが。
資格が必要だったりするんですよね～。労働と取られて、ビザ取り消しになったり
すると困りますし。結構難しいんですよね。
なにか良いものがあると良いんですが。
変な個人メモブログにリンク貼って頂き恐縮です。
ブログ名書きづらかったりしたと思うのでお詫びに、タブ上の右クリックメニューのカスタマイズ方法を調べてきましたのでご査収ください。
1年間タブ消さないことからおそらく「他のタブをすべて閉じる」はそもそも不要だと思いますので、userChrome.cssで消しちゃいましょう。
#tabContextMenu #context_closeOtherTabs {
visibility: collapse !important;
display: none !important;
}
一応ブログの方に参考にしたところとかも書きましたけど、他のメニューとかについては Classic Theme Restorerの作者がまとめているgithubが一番わかりやすいと思うので、そちらを参考にしていただければだいたい解決できると思います。
https://github.com/Aris-t2/CustomCSSforFx
失礼しました。それでは良きFirefoxライフを。
>( ﾟAﾟ)さん
勝手にリンクを貼ったのに暖かいお言葉ありがとうございます。
更に、「他のタブをすべて閉じる」の消し方まで本当に有難うございます。
感謝感謝です。
閉じるボタンを表示させる方法など、参考になりました。
多段タブは（移動などの点で）まだ不完全な方法しか無いみたいですね。
ところでAlt+Enterで検索結果を新しいタブで開いた時、右端にではなく、現在の隣のタブに開く方法はないでしょうか。
>shinonさん
早くTab Mix Plusの後継が出てほしいですね。
ご質問の件ですが
検索結果だけ現在の隣に開いて、他のリンクなどは最後のタブにしたいのでしたら
わかりませんが、
もし検索結果を含む全ての新しいタブを現在のタブの隣にしたいのでしたらhttps://addons.mozilla.org/ja/firefox/addon/open-tabs-next-to-current/
を入れると簡単だと思います。
私は検索結果はいつも新しいタブで開きたいのでabout:configでbrowser.search.openintabをtrueにしています。（Enterだけで新しいタブで開かれます）
教えてください。
ホープページをローカルファイル（file:///D:/**/****.htm）に設定。
ブラウザのホームページを開くは正常に開くを確認。
新規タブはホームページとしたく、アドオン「New Tab Override」でoptionを［current home page］に設定。
最右端タブの（＋）クリックした場合、ホームページが正常に表示できません(文字だけの表示で、画像が表示されない）。
このアドオンは使えないのでしょうか。新規タブをホームページで開く方法お教えください。
>KATOHさん
ホームページをローカルファイルにしたことがないので、少しやってみましたが
間違っていたらすみません。気がついた点を書いてみます。
新規タブでホームページ（=ローカルファイル（file:///D:/**/****.htm））を
開くようにしたいということであってますか？
もしそうなら、「New Tab Override」でoptionを［local file］にして[Store local file]
でfile:///D:/**/****.htmを指定する方法はもうやられましたか？
また、KATOHさんがやられた「New Tab Override」でoptionを［current home page］に設定
したときは[Grant permission]を許可する必要があるようですが、やられましたか？
見当はずれなことでしたらすみません
bunji_ 様 早々のご教授ありがとうございます。
＞新規タブでホームページ（=ローカルファイル（file:///D:/**/****.htm））を開くようにしたいということであってますか？
：その通りです。
＞「New Tab Override」でoptionを［local file］にして[Store local file]でfile:///D:/**/****.htmを指定する方法
：これも試しました。file:///＊＊＊は受け付けてくれません。
＞・・・ときは[Grant permission]を許可する・・・
：はい、やりました。
他のアドオン「New Tab Homepage」もできませんでした（設定がない）
旧Firefox (実際はWaterfoxですが）で、「Custom New Tab
」でできましたがね～。firefox57は非対応・・・。
情報ありましたらよろしくお願いします。
>KATOHさん
New Tab Overrideのページ
（https://addons.mozilla.org/ja/firefox/addon/new-tab-override/）を読み直してみたら
この拡張機能についてのところに
「store a local HTML file in the extension’s storage and use the content as new tab content」
と書いてありました。ファイルをプロファイルフォルダのextensionsに入れる必要があるようです。
これはもうやられましたか？
bunji_ さま 返事が翌日になり申し訳ありません。
ご指摘通りextensionsへホームページファイルを入れましたが、改善できません。
以前同様の「文字だけの表示で、画像が表示されない」ままです。
file:///D:/**/****.htm のファイル構成は
\**－****.htm
－\pics－##1.JPG
－##2.JPG
－･･･
で、ファイル［****.htm］のテキストは表示されますが、###.JPGは表示されません。
仕様で諦めですかね～
>KATOHさん
local fileを選ぶと、下に
「Due to Firefox restrictions, it is not possible for extensions to access local files.
New Tab Override provides you with the possibility to load local HTML files into the extension’s storage
and to use them as a new tab content. Any URLs and links to images, CSS files and JavaScript files
that may be included must be accessible via the web because Firefox can not access local files on the system.」
と出てくるので、画像やリンクはローカルファイルからは表示されないのが仕様のようです。
これは、firefoxの仕様のようなので残念ながら難しいようです。
bunji_ さま
＞firefoxの仕様のようなので・・・
やはりですね。しばらく様子（新しいaddonなど）を見ます。
お世話になりました。またお願いします。
>KATOHさん
お役に立たずすみません。
世の中の頭のいい人たちが良いアドオンを出してくれるのを期待します。
初めまして、Firefox57についていろいろ調べていてこちらに辿り着きました。
CSSを書ける人を尊敬します。
タブを閉じてしまって確認メッセージが出たり出なかったり、とのことですが browser.tabs.warnOnCloseOtherTabs の他に
同時に複数のタブを閉じるとき確認する → browser.tabs.warnOnClose
ウィンドウ終了時に警告メッセージを表示する → browser.warnOnQuit
タブ保存確認をして終了する → browser.showQuitWarning
以上をすべて true で設定してみてはどうでしょうか。
>むくむくさん
アドバイスありがとうございます。最近はあきらめて放置していたので嬉しいです。
「browser.showQuitWarning」だけtrueになっていなかったので
やってみましたが、改善されず。。。
また色々探そうと思います。ありがとうございました。
「タブにマウスを載せた時に閉じるボタンを表示する」
を設定したいのですがうまくいきませんでした
トラブルシューティング情報
↓
フォルダを開く
↓
ChromeのフォルダがないのでChromeの名前で作成
↓
テキストドキュメントでメモ帳を開く
↓
/* 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; }を貼る
↓
「名前をつけて保存」を選択
↓
「Chrome」フォルダの中に「userChrome.css」という名前を付けて、ファイルの種類を全てのファイルにして保存
ちなみに種類のところが手本だと「カスケードスタイル」でしたが
自分のはテキストドキュメントのままでした
これも関係してるでしょうか？
ここまでで間違いがあれば指摘してもらえると助かります。
>名無しさん
お考えの通り、テキストファイルになっているのが原因ではないかと思います。
多分ですが、拡張子が非表示になっているのではないでしょうか？
見た目は「userChrome.css」なのですが、実際は「userChrome.css.txt」になっているので
カスケードではなくテキストファイルになっているのではないかと思います。
コントロールパネル→デスクトップのカスタマイズ→エクスプローラー（フォルダ）のオプション
→表示タブ→登録されている拡張子は表示しないのチェックを外す→OK
をやってみてください。その上で、「userChrome.css」ファイルを確かめてみてください。
もし、「.txt」が付いていたら削除するとカスケードファイルになると思います。
試してみてください。もし、それでもダメならまたコメントください。
その時はOSのバージョンなどを教えてくださると助かります。よろしくお願いします。
試したところ解決しました。
これからも参考にさせてもらいます
お手数おかけしました。
>名無しさん
解決してよかったです。
これからも宜しくお願いします