PR

Firefox69で多段タブ表示

Firefox
Michael GaidaによるPixabayからの画像

Firefox81版はこちらです。

Firefox69にバージョンアップされて、また多段タブが表示されなくなり、
解決法を探しましたので記録しておきます。
下記の方法で私は多段タブ&タブバーを下に表示することができましたが
環境が違う他の方が全て同じ方法でできるとは限りませんので、ご了承ください。
zipを上げてくださっている方に感謝感謝です。

スポンサーリンク

 準備その1 MultiRowTabLiteforFx.uc.jsを用意

こちらにアクセスします。

2019-09-05_06h39_56

(68+)が入っている「多段タブ.zip (多段タブ.zip)」をクリック


2019-09-05_06h43_11

(68+)が入っていることを確認して「ダウンロード」します。


2019-09-05_06h44_55

解凍してできたフォルダー内の「69」フォルダーを開きます。


2019-09-05_06h47_12

フォルダー名を見て、好みのフォルダーを開きます。


2019-09-05_06h48_34

フォルダー内の「MultiRowTabLiteforFx.uc.js」を使います。


 準備その2 userChrome.css/.js/.xml を用意

2019-09-05_06h53_55

先程ダウンロードした「多段タブ.zip」の
「userChrome.js用スクリプトを利用する方法」フォルダーを開きます。


2019-09-05_06h55_58

「Firefox 69以降用」フォルダーを開きます。


2019-09-05_06h57_44

入っているuserChrome.css/.js/.xmlの3ファイルを使います。

 フォルダーにファイルをコピーします。

ファイルの準備が整ったので、上記の4ファイルをFirefoxのフォルダにコピーします。

2019-03-23_15h23_55

コピーする場所を開きます。Firefoxのヘルプから「トラブルシューティング情報」を開きます。


2019-09-05_07h17_39

出てきた、トラブルシューティング情報の「プロファイルフォルダー」欄の「フォルダーを開く」をクリック


2019-09-05_07h20_30

開いたフォルダーの中に「Chrome」というフォルダーがあれば、それを開きます。
なければChromeという名前のフォルダーを作成します。
Chromeフォルダーの中身は空にしておきます。
(問題が起こったときに戻せるように、中に入っていたファイルを削除するのではなく
どこかに保存しておいたほうが無難です)


2019-09-05_07h02_07

準備した4つのファイルをChromeフォルダに入れます。


2019-05-18_11h42_39

Firefoxを再起動して、多段タブ&タブバーがアドレスバーの下に来ていれば成功です。


 タブのサイズ固定

タブのサイズを固定するには
<横幅の場合>

tabs tab[fadein]:not([pinned]) {
min-width: 100px !important;/* 最小値 デフォルト  76px */
max-width: 100px !important;/* 最大値 デフォルト 225px */
}

<縦幅の場合>

tabs tab[fadein]:not([pinned]) {
min-height: 10px !important;/* 最小値 デフォルト  76px */
max-height: 10px !important;/* 最大値 デフォルト 225px */
}

をuserChrome.cssに追記して、数字を変更すれば固定できます。


2019-09-05_07h22_58

こんな感じです。縦横の一方だけ固定したい場合は、固定したい方だけ記載すれば問題ありません。

 非アクティブタブにマウスを載せた時に閉じるボタンを表示する

個人的にこれがないと不便なので。上記と同様に、「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; }

を追加します。


どれか1つクリックお願いします。
 にほんブログ村 ライフスタイルブログ セミリタイア生活へ  にほんブログ村 海外生活ブログへ 
 
スポンサーリンク

関連コンテンツ
Firefox
スポンサーリンク
カメとヒヨコの海外ロングステイ

コメント

  1. fuyuigoro より:

    更新のたびに参考とさせていただいております。おかげさまで今回も余計なストレスが解消いたしました。厚く御礼申し上げます。

    • bunji_ bunji_ より:

      >fuyuigoroさん
      お役に立ったようで良かったです。.zipを上げてくださった方に感謝です。

  2. nanashi より:

    Firefox69に更新した途端に以前の使用できなくなって検索したらここにたどり着きました。本当に助かりました。

    • bunji_ bunji_ より:

      >nanashiさん
      お役に立ったようで良かったです。zipを上げてくださった方に感謝です。

  3. TORI より:

    ありがとうございます。参考にさせていただきました。非常に助かりました。
    タブバーをアドレスバーの上に表示することは可能でしょうか?

    • bunji_ bunji_ より:

      >TORIさん
      MultiRowTabLiteforFx.uc.jsを開くと
      /* ツールバー 並べ替え */の下が
      #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
      #nav-bar { -moz-box-ordinal-group: 2 !important; }
      #PersonalToolbar { -moz-box-ordinal-group: 3 !important; }
      #titlebar { -moz-box-ordinal-group: 4 !important; }
      となっていますが、
      #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
      #titlebar { -moz-box-ordinal-group: 2 !important; }
      #nav-bar { -moz-box-ordinal-group: 3 !important; }
      #PersonalToolbar { -moz-box-ordinal-group: 4 !important; }
      にするとできるのではないかと思います。
      試してみてください。

  4. ななしさん より:

    ありがとうございます。うちの69.0でも無事に多段に戻すことができました!タブ幅変更の手段も記載してありましたのでそれも使わせてもらってます。
    あとは、新規タブの「+」ボタンを左端に移動させるすべがわかれば万々歳なのですが・・・(汗)

    • bunji_ bunji_ より:

      >ななしさんさん
      「+」ボタンを左端という使い方もあるんですね。
      今まではどのようにして左に移動していたのでしょうか?

      • ななしさん より:

        >bunji_さま
        Firefox標準機能の「カスタマイズ」モードにして、「+」アイコンを左端にドラッグすれば移動できていたんですよ。
        ・・・と説明の確認のために改めて試したところ、問題なく左端に移動させることができました。。。
        なんなんでしょう。不思議ではありますが、、一件落着、万々歳とさせてください(滝汗)

  5. たまご より:

    Firefox69の対応ありがとうございます。
    ところで、ブックマークツールバーをタブバーの下に表示したいのですができますか?

    • bunji_ bunji_ より:

      >たまごさん
      MultiRowTabLiteforFx.uc.jsを開くと
      /* ツールバー 並べ替え */の下が
      #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
      #nav-bar { -moz-box-ordinal-group: 2 !important; }
      #PersonalToolbar { -moz-box-ordinal-group: 3 !important; }
      #titlebar { -moz-box-ordinal-group: 4 !important; }
      となっていますが、これを
      #toolbar-menubar { -moz-box-ordinal-group: 1 !important; }
      #nav-bar { -moz-box-ordinal-group: 2 !important; }
      #titlebar { -moz-box-ordinal-group: 3 !important; }
      #PersonalToolbar { -moz-box-ordinal-group: 4 !important; }
      にするとできるのではないかと思います。
      試してみてください。

  6. たたた より:

    こちらを参考にしてFirefox69での多段タブ、無事復活しました。
    ありがとうございました!

    • bunji_ bunji_ より:

      >たたたさん
      お役に立ったようで良かったです。
      zipを上げてくださった方に感謝です。

  7. しなぽん より:

    素早い対応に大変感謝しております。
    願わくば公式が多段タブの需要を理解してくれますように…

  8. 火狐歴8年目 より:

    こちらを参考に無事、多段タブ化に成功しました。タブの移動もTabMix以来、自在に出来て感激しております。
    宜しければ、ファビコンしかわからない固定したタブの幅の変更方法も知りたいです。

    • bunji_ bunji_ より:

      >火狐歴8年目さん
      userChrome.cssに
      .tabbrowser-tab[pinned] {
      min-width: 150px !important;
      }
      (150pxの部分はお好きな幅で)
      を追記すればできると思います。

  9. Kanzaki より:

    多段タブの設定方法、とても参考になりました。ありがとうございました。

    • bunji_ bunji_ より:

      >Kanzakiさん
      お役に立ったようで良かったです。zipを上げてくださった方に感謝です。

  10. 火狐歴8年目 より:

    変身に遅れてしまい申し訳ありません、固定タブの件も無事に解決出来ました。
    しかし、使用している中で一定以上のタブを開くと突然、画面右端のシークバーが消えると同時にタブが一段目のみに纏めらてしまい、どのタブを選択しても再起動するまでは一切画面が見えなくなってしまうという不具合を発見しました
    心当たりがございましたらご指南の程、宜しくお願い申し上げます。

    • bunji_ bunji_ より:

      >火狐歴8年目さん
      MultiRowTabLiteforFx.uc.jsはどのフォルダのものを使っていますか?
      段数指定のものか段数無制限のものかなどで違うかと思いますが
      試してみてはいかがでしょうか?
      また、一定以上のタブは何段以上でしょうか?

  11. 火狐歴8年目 より:

    一通り全ての「MultiRowTabLiteforFx.uc.js」を試用してみましたが、いずれも同様の不具合が一定数のタブを開いたところで突然、起きる点は変わりありませんでした。
    因みに、現在は「03 多段タブ 段数無制限+ドラッグでタブ移動+ツールバーの並べ替え」を使用しており、一定以上のタブはおおよそ9〜10段目で前述の様な不具合が発生した記憶があります。
    また、参考になるかわかりませんが「userChrome.css」の内容は以下の通りです。
    @charset “UTF-8”;
    toolbarbutton#alltabs-button{-moz-binding: url(“userChrome.xml#js”);}
    tabs tab[fadein]:not([pinned]) {
    min-width: 150px !important;/* 最小値 デフォルト 76px */
    max-width: 200px !important;/* 最大値 デフォルト 225px */
    }
    }
    /* 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; }
    .tabbrowser-tab[pinned] {
    min-width: 100px !important;
    }

    • bunji_ bunji_ より:

      >火狐歴8年目さん
      150-200pxですから、私の設定から推測するに1列9タブで9-10列で81-90タブ
      といったところでしょうか?
      多分ですが、メモリ不足なのではないかと思います。
      タスクマネージャーでメモリの利用状況を確かめてみてはいかがでしょうか?
      私も前のPCでたくさんのタブを開いたときに同様の状態になったことがあります。
      前のパソコンの2倍のメモリの新しいパソコンにしたところ現在までに同様の
      症状は出ていません。
      根本的な解決ではないですが、one tabなどで利用頻度の低いタブをまとめてみたり
      するのはどうでしょうか?

  12. u1 より:

    参考にさせていただき多段設定できました。
    firefox69
    04 多段タブ 段数指定(デフォルト5段)+ドラッグでタブ移動+ツールバーの並べ替え
    上記を使用していますが一つ問題が、タブの縦幅を変更しているのですが、ピン留めしているタブの縦幅が変わりません。
    ピン留めしたタブの縦幅はどうやって変更するのでしょうか?

    • bunji_ bunji_ より:

      >u1さん
      userChrome.cssに
      .tabbrowser-tab[pinned] {
      min-width: 150px !important;
      }
      (150pxの部分はお好きな幅で)
      を追記すればできると思います。

  13. u1 より:

    ありがとうございます。
    無事に変更できました

  14. ふるふる より:

    多段タブこちらで見つけて使わせてもらって感謝です。
    タブのロック&保護のやり方見つけました。
    ピン留めだけだとタブが消えて困るという方に。
    Firefox69をお使いの方なら
    ttps://raw.githubusercontent.com/alice0775/userChrome.js/master/69/tabProtect_mod2.uc.js
    これをコピーして
    userChrome.jsをメモ帳で開き
    一番下にスクロールして貼り付けて上書き保存する
    実際使う場合は保護したいタブを右クリックして
    一番下のProtect this tab(s)(P)をクリックすると
    タブの右上に黄色い丸Pがつきます。
    参考サイト:
    ・userChrome.js用スクリプト – wiki@nothing
    ・Firefox Quantumへの移行 覚書 | しうの小道
    ・テキストエディタ「Mery」

  15. u1 より:

    タブの高さを指定してしまうと、段数指定が中途半端にずれてしまいます。
    設定でなんとかできるでしょうか?

    • bunji_ bunji_ より:

      >u1さん
      「MultiRowTabLiteforFx.uc.js」はどれをお使いですか?

      • u1 より:

        MultiRowTabLiteforFx.uc.jsは下記を使用しております。
        firefox69
        04 多段タブ 段数指定(デフォルト5段)+ドラッグでタブ移動+ツールバーの並べ替え

        • bunji_ bunji_ より:

          >>u1さん
          「段数指定が中途半端にずれてしまいます」が具体的によくわかっていないのですが
          下の方の段(例えば5段目)のバックの一部が黒くなってしまったりすることでしょうか?
          全然違っていたらすみません。
          もしそうなら、
          MultiRowTabLiteforFx.uc.jsを開くと、 /* 多段タブ */ の下に
          max-height: calc(var(–tab-min-height) * 5); /* 段数 */ があります。
          maxの高さがタブの高さの5段分という設定になっているので計算上はずれないはずなのですが、
          calc(var(–tab-min-height) * 5)の部分を適当な数字(例えば200pxなど)にすればいいのではないかと思い、試してみたのですがあまりうまくいかなかったです。
          固定の縦幅を27pxにすると今の設定でもうまくいくようなのですが。。。
          うーん、すみませんが私にはわかりません。

          • u1 より:

            max-height: calc(var(–tab-min-height) * 5); の部分は
            段数指定ではなく高さをpx指定して良かったのですね。

            5段だと邪魔なので「5」の部分を「3」にしていたのですが、
            タブが4段分になると、多段エリアが3.5段に拡張されてしまいます。

            max-height: を27pxの3倍である81pxにしたら綺麗に収まりました。

  16. bunji_ bunji_ より:

    >>u1さん
    「段数指定が中途半端にずれてしまいます」が具体的によくわかっていないのですが
    下の方の段(例えば5段目)のバックの一部が黒くなってしまったりすることでしょうか?
    全然違っていたらすみません。
    もしそうなら、
    MultiRowTabLiteforFx.uc.jsを開くと、 /* 多段タブ */ の下に
    max-height: calc(var(–tab-min-height) * 5); /* 段数 */ があります。
    maxの高さがタブの高さの5段分という設定になっているので計算上はずれないはずなのですが、
    calc(var(–tab-min-height) * 5)の部分を適当な数字(例えば200pxなど)にすればいいのではないかと思い、試してみたのですがあまりうまくいかなかったです。
    固定の縦幅を27pxにすると今の設定でもうまくいくようなのですが。。。
    うーん、すみませんが私にはわかりません。

  17. susu3jp より:

    Firefox 69.0.2を使っています。1ヶ月ほど前にこのページを参考に多段表示できていたのですが、昨日気づくと多段表示できなくなっていました(同時に「前回のセッションを復元する」のチェックが外れていました)。1ヶ月前と同じようにChromeフォルダの中身を編集して再起動しましたが多段表示できません。何が悪いのでしょうか?

    • bunji_ bunji_ より:

      >susu3jpさん
      Chromeフォルダの中身を編集しても戻らないようならちょっと私には
      どこをいじればいいのかわからないので、Firefoxを入れなおしてみてはいかがでしょうか?
      プロファイルフォルダーをどこかに保存しておくのを忘れないようにしてくださいね。

  18. 通りすがり より:

    助かりました正にこれが欲しかった情報です
    ありがとうございました

    • bunji_ bunji_ より:

      >通りすがりさん
      お役に立ったようで良かったです。
      ZIPを上げてくださった方に感謝です。

タイトルとURLをコピーしました