Firefox57(Quantum)タブ位置の変更

2019年1月30日更新
Firefox65.0でタブ位置の変更をする場合は、こちらの記事をご覧ください。
Firefox65.0タブ位置の変更」



2017112901.jpg

ここのところ更新の度に使えなくなったり不具合が出たりするアドオンが出るため、Firefoxが自動で更新されないようにしておいて、その都度手動でバージョンアップしてきました。

とうとう57(Quantum)への更新の催促が右上に度々出現。
でも「ちょっと様子見」のつもりで57へは更新せずにいました。
セキュリティ的には更新しないといけないのはわかっているのですが、使い慣れたアドオンが使えなくなるということは耐えられそうになかったので……。

なのに…なのに……
出現した催促の「更新」ボタンを間違えて押してしまいました…(T_T)

しかたないので使ってみることに…。

ん?? 意外といいかも。
体感的には56以前よりキビキビ動いてるような気がします。

さてさて、問題のアドオン…。
なんだかんだで、一番「使えなければ困るもの」はそのまま支障なく使えるようになっていましたし(そのアドオンは56では挙動不審だったのですごく不安だったのです)、使えないものは代替えのアドオンを入れ、ほぼ以前の環境が戻ってきましたので、その点では支障なく使えるようになりました♪

「案ずるより産むが易し」とはこのことですね( *´艸`)

しかしながらタブ位置が……。
だいぶ前のバージョンアップでもタブ位置が変わってしまい、そのときは「about:config」を触ったり、アドオンを入れたりして、タブの位置を変更していました。
2017112801.jpg
タブがメニューバーの下になってしまっています…(T_T)
※私はメニューバーをいつも出しているのでメニューバーの下になっていますが、デフォルトではメニューバーは表示されておらず、タイトルバーの直下ではないかと思います。

使いにくいのよね、この位置……。
「about:config」でもアドオンでも修正できません。

タブはブックマークツールバーの下に持っていきたいんです…。

Mozillaサポートに解決策がありましたので備忘録にしておきます。

①ブラウザ右上の「2017112907.jpg」をクリック→②「ヘルプ」をクリック、
「トラブルシューティング情報」をクリックします。
2017112902.gif   2017112903.gif

「プロファイルフォルダー」欄の「フォルダーを開く」をクリック。
2017112904.gif

開いた「プロファイルフォルダー」の中に「Chrome」という名前でフォルダを作ってください。
すでに「Chrome」フォルダがある場合はそれを開きます。
2017112905.jpg

「Chrome」フォルダに

#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;
}

を書き込んで作った「userChrome.css」という名前のファイルを入れます。
もしくは、すでに「userChrome.css」が存在する場合は上記を付け足します。
2017112906.gif

Firefoxを再起動させると、タブ位置が下に来ています。
2017112806.jpg

CSSファイルの作り方がわからない場合は下記を参考にしてください。
「メモ帳」を開き、上記をコピペします。
2017112908.gif

「ファイル」→「名前をつけて保存」
2017112909.gif

「ファイルの種類」を「すべてのファイル」にし、ファイル名に「userChrome.css」と入力し、「保存」をクリックします。
2017112910.jpg

以上で、「userChrome.css」ファイルを作ることができます。

関連記事

8 Comments

ぼっちん  

なるほどぉ

れんさん、おはようございます ^^

私は普段はChromeがメインなんですけど、Firefox57から新しくなったアイコンデザインが妙に気に入って(笑)最近ちょくちょくとFirefoxも使い始めてたところだったんです。
今まではFirefoxって「表示確認」の為だけに使うくらいだったんですけどね。
なるほど、タブ位置の拘りってあるんですねぇ (^_^)ニコニコ 
私はChromeでもタブ位置はURLの上(一番上=デフォルト?)で使っているものだから、Firefoxでのタブ位置って、そのままなんですよね。
表示位置の移動が可能だなんて全く知らなかったですから「なるほどぉ♪」って思いました(笑)
私のは
https://blog-imgs-116.fc2.com/o/o/p/oops0011/2017-11-29-Firefox.png
こんな ↑ 感じです ^^
画像のURL欄先頭に「Speed Dial 2」って見えていますが、Chromeで普段から重宝して使っているものですから、それを、れんさんのこの記事から思い立って今朝Firefoxにもインポートしてみました(笑)
ChromeとFirefoxのタブで同じものが利用出来るようになりましたから、これからはFirefoxの利用度も増すと思います(笑)

2017/11/29 (Wed) 08:56 | EDIT | REPLY |   

れん  

ぼっちん様

ぼっちん様、こんばんは♪

Firefoxを使い始めた頃からタブ位置が下の方にあったため、そちらの方が使いやすいんです…( *´艸`)
私にとっては上にあるよりブラウザに近い場所にあるタブの方が操作しやすいですし…。

最近のブラウザはSpeed Dialが主流ですね。
Firefoxを使う前、しばらくOperaを使っていた時期があるのですが(バージョン一桁台頃?)、その時はSpeed Dialを使っていました。
その後Firefoxに移行してからは(ついてなかったので)使っていません。
たしか、Operaでマウスジェスチャーが使えていて、Firefoxでもアドオンで使えるようになっていたので、Firefoxにしたのがきっかけで現在に至る……って感じだったような……。

Chromeってメニューバーは表示できないのですか?
どうもあれが出てないと落ち着かなくて…( *´艸`)
(それとタブ位置と…(T_T) この2点が私がChromeに移行しきれない理由かもしれません…。)

ぼっちん先生と逆ですが相変わらずFirefoxメインではありますが、ぼっちん先生に出会ってからChromeの使用頻度も増えてきました(*^^*)

コメントありがとうございました(*^^*)

2017/11/29 (Wed) 21:52 | EDIT | REPLY |   

デコポン  

れん様
初めまして。お世話になります。
"firefox タブ 位置"で検索した結果、れん様のブログがヒットしました。

本日、Firefoxを65.0にアップしました。アップした結果、CSSファイルが無効とされてしまったのか、タブがメニューバーの下になってしまいました。
解決策がわかりましたら教えて下さい。

以上、宜しくお願い致します。

2019/01/30 (Wed) 18:01 | EDIT | REPLY |   

れん  

デコポン様

デコポン様、情報をいただきありがとうございます。

私はまだ64のままでしたので、65にするとタブ位置が上に行ってしまうことに気がついていませんでした。

さて、解決策を探してきましたよ!
のちほど、ブログの記事にしたいと思いますが、
https://support.mozilla.org/ja/questions/1232940#answer-1151829
↑にアクセスして、
「Firefox 65+ (Windows):」のリンク先からCSSファイルをダウンロードしてください。
(Windowsの前提で返信しておりますが、よろしいでしょうか?)

ダウンロードしたファイル名が「userChrome-tabs_on_bottom_Fx65.css」になっていますので、「userChrome.css」に変更し、上記ブログ記事の手順でプロファイルフォルダの「Chrome」フォルダの中の「userChrome.css」を差し替えてください。

再起動するとタブが下にきます。
(少なくとも私の場合はこの方法で元に戻りました)
お試しくださいね。

2019/01/30 (Wed) 21:21 | EDIT | REPLY |   

デコポン  

れん様

対策を教えて頂きありがとうございます。

早速教えて頂いたFirefox 65+ (Windows)のCSSファイルをダウンロードしたのですが適用していません。
何故かというと前回のCSSファイルが10行、サイズ1kbくらいなのに対して今回は定義も複雑でサイズも20kbになっています。このCSSファイルを適用しないとFirefox 65.0ではタブが下にならないのでしょうか。

2019/01/30 (Wed) 22:00 | EDIT | REPLY |   

れん  

デコポン様

再度のご訪問ありがとうございます。
そうですね、中身を見ますと、今回のファイルは前のより複雑ですね。
他にももっと軽いcssがあるのかもしれませんが、ざっくりと探しただけですと、どれもかなり記述が長くなっていました。
いくつか入れてみたのですが、うまく適用されず(タブの表示位置がおかしかったりした)、これが一番でした。

複雑でファイルサイズが大きくなっているとなにか不都合があるのでしょうか?
(何か仕込まれているとか…。)
中身を見ていただくとわかると思いますが、色や位置などの記述が事細かく…たぶんいろんな場合に対応させて書いてある記述だと思います。

もちろん、これを適用させるかさせないかはデコポン様がお決めになることですので、「これ絶対入れて!」とは申しませんが、もしもお気に召さない場合は、もとに戻せるように、現在入っている(57の)cssをどこかに退避させておいて、再度入れ替えると現状のままと同じになるので、そのあたりもご一考の上、決断なさってください。

ちなみに…私の場合、デコポン様のコメントの返信時に試したのはWindow8のPCでした。
その後Window10でも試してみましたが、支障なく希望通り表示されております。

2019/01/30 (Wed) 22:35 | EDIT | REPLY |   

デコポン  

れん様

返信ありがとうございます。
れん様のご指摘通り、現在使用しているCSSファイル(タブ下設定+サイドバー自動開閉)を退避して今回のCSSファイルにサイドバー自動開閉の設定を追加しました。
結果、問題なく反映されました。サイドバー自動開閉も問題ありませんでした。

ありがとうございます。

2019/01/30 (Wed) 23:13 | EDIT | REPLY |   

れん  

デコポン様

デコポン様、わざわざご報告に来てくださってありがとうございます!
デコポン様のCSSはタブだけでなく、他のもあったのですね?
それで躊躇されていたのですね?

ともあれ、どちらもうまく作動するようになったとお伺いし、ホッとしました。

検索でこのタブの件で記事にたどり着いていらっしゃる方が多く、もしもこの記事が検索で来られた方たちに役立ってくれたならとても嬉しく思います。
デコポン様がこの件を知らせてくださらなければ、この記事はまだなかったわけですから、デコポン様には感謝しております。
(私は手動で更新するようにしているので、気がつくのが遅いんです…。)

いろいろとありがとうございました(^o^)

2019/01/31 (Thu) 12:46 | EDIT | REPLY |   

Post a comment