【小技】Firefoxで「Tab Mix Plus」の機能を再現する【ver.74対応】

※2020/3/11タブの切り離しを無効化するを追加
タブバー上のホイールスクロールでタブで切りかえるを追加

Firefox ver.57へのアップグレードにより、新仕様「WebExtensions」に未対応のアドオンが動作しなくなって、すでに2年以上が経過しました。
それでも、「レガシーアドオン」とも呼ばれるこれらの旧式アドオンの中には、依然として強い人気を持つものがあります。

その代表例が「Tab Mix Plus」です。
Tab Mix Plusは、タブ周辺の動作や見た目を総合的にカスタマイズできるアドオンで、タブを多段表示にする、閉じたタブを復元する、ポップアップをタブに開くなど、カスタマイズ可能な内容は多岐に渡ります。

後継アドオンである「Tab Mix - Links」もリリースされていますが、その機能は限定的で、WebExtensionsの制約により、開発は難航しているよう。
結果として、Tab Mix Plusで実現していた効果を、どうにか再現できる方法はないものかと、多くの利用者が代替案を探し求めることになりました。

Tab Mix Plusの機能をそっくりそのまま再現する方法というのは、ありません
そっくりそのまま全部とまではいかないまでもその大部分、せめて半分くらいを再現する方法さえも、現状では多分ないでしょう。

でも、部分的に代替することのできるアドオンもたくさんありますし、「about:config」「userChrome.css」「userChrome.js」で解決する部分もあります。

この記事では、Tab Mix Plusが備えていた機能を再現するべく、情報を集め回った成果をご紹介したいと思います。
なお、上記の通り、非常に多機能なアドオンであること、また、私自身が普段は使用していない機能にも言及しているため、解説が不十分な部分もありますが、ご了承下さい。

TabMixPlusを再現

[オススメ]
ECナビ

[PR]

まず、「about:config」「userChrome.css」「userChrome.js」について、簡単に説明しておきましょう。
userChrome.jsについては、私の知識が乏しく、記事を通してごく簡単な説明となる点、ご容赦下さい。

about:config

about:configは、オプションでは変更できない高度な設定を、直に書き換えることができる、言わば隠し設定的な機能です。
about:configで設定を変更する手順は以下の通りとなります。

    ●about:config設定手順

  1. ロケーションバー(アドレスバー)に「about:config」と入力してエンターキーを押す。

  2. 「危険性を承知の上で使用する」をクリックします(以降の操作は間違いのないよう十分にご注意下さい)。

  3. 検索欄に変更したい設定項目(の一部)を入力すると、自動的に一覧から絞り込まれます。

  4. 項目名をダブルクリック、もしくは、右端にあるアイコンをクリックすると、各項目の設定値を変更できます。

  5. タブを閉じて完了です。

  6. 詳細は公式サイトのヘルプページを参照して下さい。



Firefox本体の機能であるabout:configに対して、ユーザーが設定ファイルを付け加える形になるのが、userChrome.cssとuserChrome.jsです。
主に、userChrome.cssは見た目など静的な変更、userChrome.jsは動作面に変更を加えます。

いずれも、飽くまで、ユーザーが付け加えた要素となりますので、Firefoxのバージョンアップによる仕様変更に伴い、動作しなくなることが度々あります。
その場合は、最新バージョンの仕様に対応したものが配布されていないか、まずはチェックすることをオススメします。

また、逆に、最新バージョンに対応した内容は、旧バージョンのFirefoxでは動作しない可能性もあります。
userChrome.cssやuserChrome.cssは、その点を理解された上で導入しましょう。

userChrome.css

userChrome.cssを適用する手順は以下の通りになります。

    ●userChrome.css適用手順

  1. about:configで「toolkit.legacyUserProfileCustomizations.stylesheets」を「true」に設定する。

  2. CSSの記述ルールに則って、メモ帳などのテキストエディタでファイルを作成、「userChrome.css」という名前で保存する(txtではなくcssで保存する点に注意)。

  3. Firefoxのプロファイルフォルダ内に「chrome」という名前のフォルダを作成し、userChrome.cssを移動させる。

  4. Firefoxを再起動して完了です。

C:\Users\ユーザー名\AppData\Roaming\Mozilla\Firefox\Profilesにある「●●●.default-release」という名前のフォルダが、プロファイルフォルダです。
Firefoxのヘルプ > トラブルシューティング情報 > プロファイルフォルダーの「フォルダーを開く」というボタンからも移動できます。

通常はプロファイルフォルダは1つだけしかないはずですが、異なるビルドのFirefoxを併用されている方など、複数のプロファイルが存在する場合は、その数だけプロファイルフォルダがありますので、ご注意を。

userChrome.js *1

続いて、userChrome.jsを適用する手順です。

userChrome.jsは、それ自体がFirefoxに変更を加えるというより、変更を加えるスクリプトを動作させるためのファイルになります。
つまり、userChrome.jsを適用するのとは別に、スクリプトを用意する必要があります。

userChromeの適用手順は、userChrome.cssと重複する部分もありますので、合わせてチェックして下さい。

    ●userChrome.js適用手順

  1. (ver.71以前よりuserChrome.jsを適用されている方向け、初めて適用される方は手順2.から)
    既存のuserChrome.xmlとuserChrome.jsを削除、userChrome.cssから以下のコードを削除する。
    toolbarbutton#alltabs-button { -moz-binding: url("userChrome.xml#js"); }

  2. 以下のページを全てコピーして、Firefoxがインストールされているフォルダ内に「config.js」というファイル名で保存する。
    config.js

    Firefoxがインストールされているフォルダは、デフォルトでは、以下のようになっています。
    64bit版...C:\Program Files\Mozilla Firefox
    32bit版...C:\Program Files (x86)\Mozilla Firefox

  3. Firefoxがインストールされているフォルダ内に「defaults」という名前のフォルダを作成する。

  4. 作成したdefaultsフォルダ内に「pref」という名前のフォルダを作成する。

  5. 以下のページを全てコピーして、作成したprefフォルダ内に「config-prefs.js」というファイル名で保存する。
    config-prefs.js

  6. (初めてuserChrome.jsを適用される方向け、ver.71以前より適用されている方はスキップ)
    Firefoxのプロファイルフォルダ内に「chrome」という名前のフォルダを作成し、以下のページを全てコピーして、作成したchromeフォルダ内に「userChrome.css」というファイル名で保存する。
    userChrome.css

  7. 以下のページを全てコピーして、chromeフォルダ内に「userChrome.js」というファイル名で保存する。
    userChrome.js

  8. (任意)firefox.exeを「-purgecaches」オプション付きで起動して、スタートアップキャッシュを削除する。
    スクリプト導入による変更が反映されない場合は、こちらの手順をお試しになると問題が解消するかもしれません。

目次


●イベント

  • 3. 新しいタブを開くボタンで開くページを指定する
  • 4. 新しくタブを開く位置を指定する
  • 5. リンクを新しいタブに開く
  • 6. ブックマークを現在のタブではなく新しいタブに開く
  • 7. ロケーションバー(アドレスバー)から現在のタブではなく新しいタブに開く
  • 8. 検索バーから現在のタブではなく新しいタブに開く
  • 9. リンクをバックグラウンドで開く(自動的に新しいタブに移動しないようにする)
  • 10. 複数のタブを閉じる際に確認メッセージを表示させない
  • 11. 最後のタブを閉じてもウィンドウを閉じない
  • 12. 現在のタブを閉じた後に移動するタブを指定する
  • 13. 閉じたタブを復元する
  • 14. 指定したタブを一定間隔で自動的に再読み込みする





  • 1. ポップアップを新しいウィンドウではなく新しいタブに開く *2

    about:configで「browser.link.open_newwindow」を「3」に、「browser.link.open_newwindow.restriction」を「0」に設定する。
    次項のタブの切り離しを無効化すると組み合わせると、Tab Mix Plusのシングルウィンドウモードとほぼ同等の挙動になります。

    2. タブの切り離しを無効化する

    ver.74以降では、about:configで「browser.tabs.allowTabDetach」を「false」に設定すると、タブの切り離しを無効化できます。
    前項のポップアップを新しいウィンドウではなく新しいタブに開くと組み合わせると、Tab Mix Plusのシングルウィンドウモードとほぼ同等の挙動になります。

    3. 新しいタブを開くボタンで開くページを指定する

    アドオン「New Tab Homepage」をインストールすると、Firefoxのオプションでホームページに設定しているページを開くようになります。
    設定項目はなし、シンプルなアドオンです。

    ホームページとは別なページを開くようにしたい場合は、アドオン「New Tab Override」で設定可能です。

    4. 新しくタブを開く位置を指定する

    初期設定では、新しいタブは末尾に開かれますが、アドオン「Always Right」や「Open Tabs Next to Current」をインストールすれば、現在のタブの右隣に開くようになります。

    右隣の他に、先頭や左隣といった柔軟な設定がしたい方には、「Tab Open/Close Control」というアドオンもありますが、設定した項目がうまく反映されないことがあるなど、動作が不安定なので、あまりオススメはしません。

    5. リンクを新しいタブに開く

    アドオン「新しいタブでリンクを開く Open Link with New Tab」で可能になります。

    WebExtensions未対応の「リンクを新しいタブで開く (Open Link in New Tab)」に着想を得たアドオンで、基本的な機能は継承していますが、JavaScriptによるポップアップをタブに開くようにしたり、GoogleやYahoo!の検索結果からは新しいタブではなく現在のタブに開くようにするといった、例外設定をすることはできません。

    JavaScriptによるポップアップについては、上記の「ポップアップを新しいウィンドウではなく新しいタブに開く」にて対応可能です。

    6. ブックマークを現在のタブではなく新しいタブに開く

    about:configで「browser.tabs.loadBookmarksInTabs」を「true」に設定します。
    ブックマークを新しいタブに開く際、バックグラウンドで開く(自動的に新しいタブに移動しない)ようにしたい場合は、同じく「browser.tabs.loadBookmarksInBackground」を「true」に設定すればOKです。

    7. ロケーションバー(アドレスバー)から現在のタブではなく新しいタブに開く

    アドオン「ロケーションバーから新しいタブを開く」で対応可能です。

    ver.60以降では、about:configで「browser.urlbar.openintab」を「true」に設定することでも同じ結果を得ることができます。

    8. 検索バーから現在のタブではなく新しいタブに開く

    about:configで「browser.search.openintab」を「true」に設定します。

    9. リンクをバックグラウンドで開く(自動的に新しいタブに移動しないようにする) *2

    about:configで「browser.tabs.loadDivertedInBackground」を「true」に設定します。

    10. 複数のタブを閉じる際に確認メッセージを表示させない *3

    about:configで「browser.tabs.warnOnCloseOtherTabs」を「false」に設定します。

    11. 最後のタブを閉じてもウィンドウを閉じない *2

    about:configで「browser.tabs.closeWindowWithLastTab」を「false」に設定します。

    12. 現在のタブを閉じた後に移動するタブを指定する

    初期設定では、現在のタブを閉じた後は右隣のタブへ移動しますが、アドオン「Focus On Left Tab After Closing」をイントールすれば、左隣へ移動するようになります。

    左隣の他に、先頭や末尾といった柔軟な設定がしたい方には「Tab Open/Close Control」というアドオンもありますが、設定した項目がうまく反映されないことがあるなど、動作が不安定なので、あまりオススメはしません。

    13. 閉じたタブを復元する

    アドオン「Undo Close Tab」で代替することができます。
    同種の機能を持つWebExtensions対応のアドオンは他にもありますが、アイコンを左クリックすると直前に閉じたタブを開く、右クリックすると最近閉じたタブの履歴から開きたいタブを選べる、という使用感のよさがポイントです。

    14. 指定したタブを一定間隔で自動的に再読み込みする

    アドオン「Tab Reloader (page auto refresh)」や「Tab Auto Refresh」で対応可能です。

    15. タブバーの表示位置を変更する

    タブを多段表示にするの項目で紹介しているスクリプトで対応可能です。
    何種類かスクリプトが格納されていて、多段タブとバーの位置変更の両方に対応したものがあります。

    タブの多段化が不要であれば、段数を指定できるスクリプトを選んで、段数の上限を1に設定すれば多段表示にはなりません。
    ただし、1つ難点があって、タブの数が増えた時に、デフォルトでバーの左右に表示される「<」「>」が表示されません。
    2段以上で指定した場合は、指定の段数に収まらなくなると、バーを上下にスクロールできるようになります。

    タブバーをウィンドウ最下部へ移動させたい方は08フォルダのスクリプト、ツールバー下部へ移動させたい方は02フォルダのスクリプト+「01~02用 タブバーをツールバーの下へ移動+メニューを上へ移動しツールバーの上にメニューバーの領域を作成.txt」のCSS、といった感じになるかと思います。

    16. タブを多段表示にする *4

    Tab Mix Plusとは動作が異なりますが、タブの多段表示自体は、userChrome.cssやuserChrome.jsを使用すれば可能です。
    以前はuserChrome.cssを使用する方法をご紹介していましたが、ドラッグによるタブの移動に支障あるため、現在はuserChrome.jsの使用をオススメしています。

    スクリプトを適用する手順は以下の通りになります。
    別途、userChrome.jsを適用する手順が必要です。

    1. 以下のページよりファイルをダウンロードして、解凍する。
      多段タブ.zip | firefox用スクリプトアップローダー

    2. Firefox 72」というフォルダ内の01~10のフォルダのうち、ご希望のものを選び、格納されている「MultiRowTabLiteforFx.uc.js」ファイルをchromeフォルダへ移動させる。

    3. 必要に応じて、タブ幅の固定や段数の指定を行う(別途記載)。

    4. (任意)firefox.exeを「-purgecaches」オプション付きで起動して、スタートアップキャッシュを削除する。
      スクリプト導入による変更が反映されない場合は、こちらの手順をお試しになると問題が解消するかもしれません。

    デフォルトでは、タブの数に応じて幅が76px~225pxの範囲で可変しますが、2段目以降の表示が不自然で気になるという方は、タブ幅を固定することもできます。
    MultiRowTabLiteforFx.uc.jsを、以下のように書き換えて下さい。
    もしくは、userChrome.cssに以下の記述を追加することで、同様の結果を得られます。

    デフォルト

    tabs tab[fadein]:not([pinned]){flex-grow:1;}

    書き換え後

    tabs tab[fadein]:not([pinned]) {
    flex-grow:1;
    max-width: ●●●px !important;
    min-width: ●●●px !important;
    }
    ●●●pxの部分に同じ数字を指定すると、タブ幅が固定されます。

    また、段数の指定ができるスクリプトを選んだ場合は、「max-height: calc(var(--tab-min-height) * 5); /* 段数 */」の数字を変更することで、表示する段数の上限を設定できます。
    デフォルトでは上限は5段となっています。

    17. 未読タブの文字色を指定する *1

    ver.61以降、unreadプロパティが廃止されたため、userChrome.css単独で未読タブのスタイルを指定することはできなくなりましたが、userChrome.jsを用いれば、未読タブのスタイルを指定することができます。

    スクリプトを適用する手順は以下の通りになります。
    別途、userChrome.jsを適用する手順が必要です。

    1. 以下のページを全てコピーして、chromeフォルダ内に「unreadTabs.uc.js」というファイル名で保存する。
      userChrome.js/unreadTabs.uc.js at master · alice0775/userChrome.js · GitHub

    2. (任意)firefox.exeを「-purgecaches」オプション付きで起動して、スタートアップキャッシュを削除する。
      スクリプト導入による変更が反映されない場合は、こちらの手順をお試しになると問題が解消するかもしれません。

    文字色は、デフォルトで、未読タブがred、読込中タブがblueとなっていますが、変更もできます。

    参考までに

    未読タブのタイトルの前に、任意の文字や記号を表示させる「Tab Flag」というアドオンもあります。

    18. タブを閉じるボタンを表示する条件を指定する

    初期設定では、ピン留めされたタブを除き、全てのタブに閉じるボタンを表示、タブが増えてサイズが小さくなってくると、現在のタブ以外ではタブを閉じるボタンが非表示になりますが、userChrome.cssを使用すれば、細かく指定できます。
    お好みに応じてお選び下さい。

    2.と3.をいずれも有効にすると、タブのサイズに関係なく、現在のタブ以外ではマウスオーバー時のみ、タブを閉じるボタンが表示されます(ピン留めされたタブは除く)。

    1. ピン留めされたタブを除く全てのタブでタブを閉じるボタンを常に表示

    .tabbrowser-tab:not([pinned="true"]) .tab-close-button { display: block !important; }

    2. 現在のタブ以外でタブを閉じるボタンを常に非表示

    .tabbrowser-tab:not([selected="true"]) .tab-close-button { display: none !important; }

    3. タブが小さくなった後もマウスオーバーでタブを閉じるボタンを表示(ピン留めされたタブは除く)

    .tabbrowser-tab:not([pinned="true"]):not([selected="true"]):hover .tab-close-button { display: block !important; }

    19. タブバー上のホイールスクロールでタブを切りかえる *5

    userChrome.jsで対応可能です。

    スクリプトを適用する手順は以下の通りになります。
    別途、userChrome.jsを適用する手順が必要です。

    1. 以下のページよりファイルをダウンロードする。
      TabWheelScroll.uc.js (TabWheelScroll.uc.js) | firefox用スクリプトアップローダー

    2. ダウンロードしたファイルをメモ帳などのテキストエディタで開いて、3行目を下記のように書き換える。

      書き換え前
      if (location != 'chrome://browser/content/browser.xul')

      書き換え後
      if (location != 'chrome://browser/content/browser.xhtml')

    3. 書き換えたファイルをchromeフォルダへ移動させる。

    4. (任意)firefox.exeを「-purgecaches」オプション付きで起動して、スタートアップキャッシュを削除する。
      スクリプト導入による変更が反映されない場合は、こちらの手順をお試しになると問題が解消するかもしれません。

    なお、ver.65以降では、about:configで「toolkit.tabbox.switchByScrolling」を「true」に設定すると、タブバー上のホイールスクロールでタブを切りかえられますが、次のような問題点があります。

    1. タブの数が増えてタブバーに表示しきれなくなると、タブの切りかえではなく、タブバーの水平スクロールになる。
    2. 先頭タブ・末尾タブ間の切りかえはできない。

    20. タブ/タブバーをクリックした時に指定したコマンドを実行する機能の代替

    大きく分けて、2種類の代替案があります。

    1つ目は、「Foxy Gestures」「Gesturefy」「smartUp Gestures」といったマウスジェスチャアドオンを使用する方法。
    この中では、Gesturefyが日本語に対応しています。

    2つ目は、右側のタブを全て閉じる、他のタブを全て閉じるといった機能を持つボタンを、設置できるアドオンを使用する方法。
    Button Guy」「asukaze」といった作者が、この手のアドオンを多く開発しています。

    なお、ver.61以降では、about:configで「browser.tabs.closeTabByDblclic」を「true」に設定すると、ダブルクリックでタブを閉じることができます。

    21. 不要なメニュー項目を非表示にする

    userChrome.cssを使用すれば可能です。
    詳細については、別記事にて解説していますので、ご参照下さい。


    22. ショートカットキーの割り当てを変更する

    キーボードカスタマイズソフト「Keyboard Butler ~鍵盤の執事くん~」で対応可能です。
    詳細については、別記事にて解説していますので、ご参照下さい。


    23. セッションを復元する

    Firefoxが強制終了してしまった場合などに備えて、開いているタブと、それぞれのタブで開いたURLの履歴を保存、復元する機能です。
    アドオン「Tab Session Manager」で代替することができます。



    以上がTab Mix Plusの代替案のご紹介となります。

    代替案ではニーズが満たされないという方には、派生ブラウザへの移行をオススメします。


    なお、この記事を作成するに当たって、下記のページを参考にさせていただきました。
    1. GitHub - alice0775/userChrome.js
    2. (ブラウザ) Firefox57、webextension対応オススメアドオン (2017) - NAVER まとめ
    3. Firefoxで「他のタブをすべて閉じる」時に出てくるダイアログを消す - あまたの何かしら。
    4. 多段タブ.zip - firefox用スクリプトアップローダー
    5. 【Firefox65】タブをホイールで切替のいろいろ - Palm84 某所の日記

    [特集]
    GetMoney!

    [特集]
    ECナビ

    関連キーワード

    ■雑記の最新記事

    コメント

    1. ありがとうございます。
      browser.tabs.loadDivertedInBackground が私が求めていたものでした。
      勝手にアクティブになるの邪魔過ぎる……

      2018/01/10 17:35

      匿名

    2. 匿名さん

      お役に立てたようで何よりです。
      コメントありがとうございました。

      2018/01/10 18:42

      ハタラキバチ

    3. 不便だなあと思いながら使っていましたが、ようやく解消されました。
      はやく拝見していればよかった。ありがとうございました。

      2018/03/30 16:58

      しろくま

    4. しろくまさん

      コメントありがとうございます。
      Firefox Quantumに対応したTab Mix Plusもリリースされましたが、機能はまだまだ限定的で、仕様による制約がある以上、今後も旧TMPと同等の機能を期待するのは難しいと思います。
      TMPに限らず、以前と同等の使い勝手を実現するには、アドオンだけでは不十分なので、情報収集が大切になりますね。

      2018/03/30 19:15

      ハタラキバチ

    5. TabMixPlusが使えないから未だにFireFox56を使い続ける日々(時折勝手に更新されるのでその都度ダウングレードしています)
      多段表示は何とかできるのですね。タブ全体を画面下部に移動することはやはりできないのでしょうか?
      それができるまでは移行する訳にはいかない…

      2018/05/01 21:54

      MMB

    6. MMBさん

      コメントありがとうございます。

      タブバーの最下部への移動については、私自身は必要としていないので調べてみたこともなく、可否はわかりませんが、タブバーをメニューバーの下へ移動させるスタイルシートは見かけたことがあるので、最下部への移動も可能なのかもしれませんね。

      現状として機能は限定的ながら、ver.57以降の仕様に対応したTab Mix WebExtensionもリリースされていますが、仕様上、旧Tab Mix Plusの機能を全て再現するのは困難だろうと、個人的には捉えています。
      https://addons.mozilla.org/ja/firefox/addon/tab-mix-plus-webextension/

      旧Tab Mix Plusにこだわるのであれば、派生ブラウザのWaterfoxをお試しになることをオススメします。
      https://www.waterfoxproject.org/en-US/

      2018/05/01 22:30

      ハタラキバチ

    7. 多段表示にすることは出来ましたが、表示する行数を設定出来ませんか?
      開いているタブ数かなり多いので

      2018/05/11 18:55

      うみにん

    8. うみにんさん

      コメントありがとうございます。
      タブの段数を設定することは可能なようですが、この記事に掲載しているコードより格段に複雑になりそうなので、現時点では当ブログで取り上げる予定はありません。
      「firefox quantum タブ 段数」などで検索すれば、コードを掲載しているサイトが見つかりますので、申し訳ありませんが、そちらを参考にして下さい。

      2018/05/11 22:12

      ハタラキバチ

    9. わかりました
      検索してみます
      ご返信ありがとうございました

      2018/05/11 22:40

      うみにん

    10. マウスオーバーでタブを選択

      どなたかご存知なら教えてください。
      旧Tab Mix Plusに「マウスオーバーでタブを選択」という機能があり、マウスでタブ上にカーソルをもっていくと、当該タブが選択され、ページがみれるものです。
      この機能の実現のための方策はないでしょうか。
      よろしくお願い致します。

      2018/06/13 09:52

      きくぞう

    11. きくぞうさん

      コメントありがとうございます。

      私自身がそのような機能を求めていないという事情もありますが、そのようなWebExtensions対応アドオンは、私は聞いたことがありません。
      私は専門的な知識を持っているわけではないので断言まではできませんが、WebExtensionsの制約下では、そのようなアドオンは難しいのではないかという気もします。

      アドオンではなくユーザースクリプトであれば、もしかしたら、きくぞうさんの求めることを実現できるものがあるかもしれませんが、その方面にはあまり詳しくないため、これといってアドバイスできることがありません。
      申し訳ありませんが、これより先はご自身でお調べになって下さい。

      2018/06/13 11:43

      ハタラキバチ

    12. 早速御返事いただき、有難うございました。

      2018/06/13 14:15

      きくぞう

    13. フォルダ名は
      大文字のChrome
      じゃなくて
      小文字のchrome
      でしょ。

      2018/07/27 22:44

      fg

    14. fgさん

      おっしゃる通り、本来は小文字で作成すべきなのでしょうね。
      大文字でも問題なくuserChrome.cssは適用されるので、今まで気付きませんでした。
      ご指摘ありがとうございました。

      2018/07/27 23:55

      ハタラキバチ

    15. ブックマークを新しいタブで開くときにアクティブになってしまう挙動が不便で困っていましたがこの記事に救われました!
      ありがとうございました。

      2018/09/20 22:28

      匿名

    16. 匿名さん

      お役に立てたようで何よりです。
      WebExtensions版もリリースされてから半年が経過しましたが、依然として機能は限定的で、開発は難航しているようですね。
      何とか頑張ってもらいたいところですが、過大な期待は禁物といったところでしょうね、残念ながら。

      2018/09/21 00:31

      ハタラキバチ

    17. こちらの記事のおかげで希望の動作はほぼuserChrome.cssとabout:configで実現できたのですが
      「ブックマークを現在のタブの右隣に新規タブで開く」という動作だけアドオンを使わないと出来ません。
      スペックが低いので使用するアドオンは可能な限り減らしたいのですが、
      この動作はcssかabout:configでは不可能でしょうか?

      2018/10/15 11:13

      匿名

    18. 匿名さん

      新しいタブを現在のタブの右隣に開くだけであれば、「新しくタブを開く位置を指定する」の項目で紹介しているアドオンをインストールしなくても、about:configで「browser.tabs.insertAfterCurrent」をtrueにすればOKです。
      なおかつ、「ブックマークを現在のタブではなく新しいタブに開く」の項目で紹介している通り、「browser.tabs.loadBookmarksInTabs」をtrueにすれば、ブックマークを現在のタブの右隣に開くことができるかと思います。

      2018/10/15 12:44

      ハタラキバチ

    19. 説明が足りず申し訳ありません。その両方を設定しているのですが、ブックマークだけは
      右隣でなく右端に開かれてしまうんです。
      設定通り新規タブは右隣に開きますし、ブックマーク自体も新規タブでは開かれるんですが、右端にいってしまうんです。

      2018/10/16 01:12

      匿名

    20. 匿名さん

      私の環境では、先のコメント通りに設定すると、ブックマークが現在のタブの右隣に開くことを確認しました。
      リリース版、Beta、Developer Edition、Nightlyのいずれも右隣に開きます(browser.tabs.insertAfterCurrentが実装されたのがver.61なので、ESRは検証対象外)。
      右隣ではなく右端に開くようにさせている何かがあるのだと思いますが、それがアドオンなのか、何かしらの設定なのか、それは私にはわかりません。

      2018/10/16 01:42

      ハタラキバチ

    21. アドオンは広告ブロックだけ、リフレッシュしてもprefs.jsを削除してみても変わらず、なのでこれはおかしいと思い、
      一度アンインストールすべくプログラムの削除を開いたところ、まさにその…ESRの文字がありました…。
      自分は普通のバージョンを入れて使っているとずっと思っていたので驚いています…。
      大変申し訳ありませんでした。
      あっさりとブックマークが右隣に開いてくれました。
      お手数をお掛けしました。ありがとうございました。

      2018/10/16 10:57

      匿名

    22. 旧verも利用させて頂いており、今回のFirefox66で多段タブ表示されなくなったので
      こちらを覗いてみたところさっそくの更新ありがとうございます。
      「不要なメニュー項目を非表示にする」なども利用させて頂いてるので
      こちらの更新本当に有り難いです。
      試してみたのですが多段タブは問題無く成功しました。
      ですが多段タブ一番下の段のタブ横幅だけが広がってしまいます。

      2019/03/21 13:33

      匿名

    23. 匿名さん

      コメントありがとうございます。

      最下段のタブだけ、他のタブの幅と連動しないのは把握していますが、タブ幅の可変と連動の両立は、CSSでは無理だと思います。
      userChrome.jsを用いる方法であれば、両立できるスクリプトもあるのかもしれませんが、そちらの方面には詳しくないので、何とも言えません。

      タブ幅が可変ではなく固定でもよいので、統一したいということでしたら、min-widthでの最小幅指定に加えて、max-widthで最大幅を指定し、両者の設定値を同じにすれば解決するはずです。

      2019/03/21 16:57

      ハタラキバチ

    24. 説明ありがとうございます。
      max-width追加で無事全て同じタブ幅にできました。
      やっぱり使い慣れた環境が楽で良いです。
      Firefoxでおかしな変更あればまた覗かせて頂きます。
      ありがとうございました。

      2019/03/21 19:56

      匿名

    25. 5/4にアドオンの有効期限トラブルで、古いバージョンでtabmixplusを使い続けていた私は詰みました。
      新Verだと設定に苦労すると思っていましたが、この記事が凄く役に立ちました。
      ありがとう!

      2019/05/05 16:39

      匿名

    26. 匿名さん

      コメントありがとうございます。
      私はver.56以前のFirefoxはもう使っておらず、レガシーアドオンはWaterfoxでしか動かしていないので、今回の一件でver.56以前にどのような現象が生じているのか、よくわかっていないのですが、お役に立てたならよかったです。
      ver.57以降でTab Mix Plusっぽい機能を再現するだけではなく、再現しきれない何らかのこだわりのお持ちのようでしたら、Waterfoxをお試しになってみるのもよいかもしれませんね。

      2019/05/05 17:42

      ハタラキバチ

    27. 私もtabmixplusが使えなくなるのがあまりに不便で、今の今までver.56のfirefoxを使い続けていたのですが、動作も重くなってきていたし今回の件でさすがに見切りをつけて最新のverに切り替え、慣れない使い勝手に苦労していた所、こちらの記事のおかげでほとんどの機能を以前と同じような使い勝手に戻すことができました。有難うございます!

      ただ一点だけ、「タブをウィンドウ下部に表示する」という機能だけ再現できていないのですが、これについては何か方法はありますか?
      いろいろ方法を探してみたのですが何故かこれだけはとんと見つからず、ご教授頂ければ幸いです。

      2019/05/06 04:57

      匿名

    28. 匿名さん

      コメントありがとうございます。
      「タブバーの表示位置を変更する」という項目を記事に追加しました。

      私自身はデフォルトの表示位置で支障がなく、動作確認が十分ではありませんので、実際にお使いいただいて、何か支障があればお知らせいただければ幸いです。
      支障が見つかったとして、私のスキルでそれを解決できるかどうかは、また別問題ではあるのですが。

      2019/05/06 17:29

      ハタラキバチ

    29. 返信有難うございます!
      早速試してみたところ、問題なく下部に移動できました。
      ただタブの色が真っ青に変更されています。
      このままでも動作には支障ないですが一応、ご報告を。

      2019/05/06 18:59

      匿名

    30. 匿名さん

      ご連絡ありがとうございます。
      テーマに連動してタブバーの背景色が変更されるよう、CSSを修正しました。
      下記の追加で問題は解消すると思います。

      #TabsToolbar:-moz-lwtheme { background-color: var(--toolbar-bgcolor); }

      既定のテーマが適用されている場合は、Windowsの色設定に準じます。

      2019/05/06 21:03

      ハタラキバチ

    31. 背景色も修正できました。
      ずっと動作させていますが他はすべて全く問題なく使えています。
      重ね重ねお世話になりました!

      2019/05/07 00:52

      匿名

    32. 初めまして、firefox66.0.5環境に変更し、タブ位置変更方法を探してる折に、
      こちらのサイトを知りました。
      今回、是非お伺いしたいことがあるのですが、

      13. タブバーの表示位置を変更する(テスト版)
      →2. タブバーをロケーションバー(アドレスバー)下部へ移動
      こちらを導入したところ、

      ロケーションバー(アドレスバー)/メニューバー/タブバー

      上記のように、間にメニューバーが入ってしまうのですが、

      メニューバー/ロケーションバー(アドレスバー)/タブバー
      こちらのように、並べ替えることは可能でしょうか。

      2019/05/09 04:42

      匿名

    33. 匿名さん

      コメントありがとうございます。

      タブバーの表示位置を変更する方法として掲載したスタイルシートは、他の方が作成されたものに、私が少し手を加えた内容となっています。
      このような配置になっている理由は、メニューバーを最上部に表示する配置の場合、メニューバーが不必要な方に、その分の高さが無駄になってしまうから、だと思います。

      記事中のスタイルシートではなく、記事最下部に掲載している引用元4.のuserChrome-tabs_on_bottom_Fx65.cssを適用すれば、ご希望の配置になります。

      2019/05/09 13:11

      ハタラキバチ

    34. 今回の一件でfirefox66.0.5環境に変更した一員です。
      Waterfoxも試しましたが、アドオンがダウンロード出来ず動作も重いのであきらめました。
      でも、こちらのサイトのお陰で殆んどtabmixplus仕様のブラウザに仕上がりました。
      ただ、以前よく使っていたタブバーの右端にタブを閉じるボタンが表示出来ると完璧なんですが、可能でしょうか?
      宜しくお願いします。

      2019/05/10 20:04

      ナカムラ

    35. ナカムラさん

      コメントありがとうございます。

      Waterfoxでアドオンがダウンロードできないとのことですが、「Classic Add-ons Archive」はインストール済みでしょうか。
      レガシーアドオンは、addons.mozilla.orgからはもうダウンロードできないので、Waterfoxにレガシーアドオンをインストールするためには、手元にxpiファイルをお持ちの場合は別として、Classic Add-ons Archiveを通じてダウンロードする必要があります。
      ウェブ検索すれば、解説ページがすぐに見つかります。

      タブバーの右端にタブを閉じるボタンについては、現在のタブを閉じるボタンということでよろしいでしょうか。
      それならば、項目18.でも言及しているButton Guyという作者のアドオンに、「Close Tab Button」というものがありますので、そちらをインストールした上で、Firefoxの「カスタマイズ」で表示位置をタブバーへ変更する、という方法でいかがでしょうか。

      仮に、エラーでダウンロードができない場合は、「Firefoxへ追加」を右クリックして、名前を付けてリンク先を保存、ダウンロードしたxpiファイルを、Firefoxへドラッグ&ドロップしてみて下さい。

      2019/05/10 21:20

      ハタラキバチ

    36. 有難う御座います。
      早速試してみましたが、出来ました。
      Waterfoxの件ですが、firefox66.0.5のほうが動作が軽く快適なので、当分この仕様で行こうと思います。
      Waterfoxは、また問題が起こったら考えたいと思います。

      2019/05/10 21:55

      ナカムラ

    37. おおだすかりです

      2019/5/4の「Firefoxご乱心」騒動の後、ようやくリリースされた改善策のが中途半端にインストされ、挙動おかしくなったのであれこれやってたら設定がパーに!
      そんな中、検索で引っ掛かってくれたこちらサイトの記事で大変助かりました~
      感謝^2 でゴザイマス

      2019/05/26 21:29

      B.E.

    38. B.E.さん

      記事がお役に立ったとのことで、何よりです。
      コメントありがとうございました。

      2019/05/27 00:38

      ハタラキバチ

    39. [タブバーをウィンドウ最下部へ移動する]を適用した者ですが
      適用成功と思ってからよく確認してみると、ブックマークやページの一番下の一部分がタブバーの裏に隠れてしまう現象が出ていてページによっては一部が読めなかったりしてしまうのですが、これをどうにかする方法はありますか?
      できればtabmixplusのようにブックマークやページのスクロールバーの最下部がちょうどタブバーの上で止まるような形にしたいのですが

      2019/06/12 19:42

      匿名

    40. 匿名さん

      コメントありがとうございます。

      タブバーをウィンドウ最下部へ移動するコードを更新しました。
      下記の追加で問題は解消すると思います。

      #content-deck { padding-bottom: 33px; }

      2019/06/12 21:58

      ハタラキバチ

    41. さっそく指示通りにコードを追加したところ、見事に解決しました。
      ありがとうございます。

      2019/06/13 09:32

      匿名

    42. ありがとうございました

      概ね思い通りになりました
      感謝です

      2019/07/07 16:10

      ポンポコ

    43. #content-deck { padding-bottom: 33px; }

      多段タブだと意味ないですね

      2019/08/18 17:44

      匿名

    44. 匿名さん

      タブバーをウィンドウ最下部へ移動するCSSのことをおっしゃっているのだと思いますが、そもそも、当該CSSは多段タブとの両立は前提としていません。
      単純に、最下部にタブバーの高さの余白を設けて、その余白部分にタブバーを配置しているだけなので、余白を予め大きくするといった野暮ったいやり方ならありますが、多段タブの段数に応じて余白の大きさを増減させるといったことは、CSSでは無理かと思います。

      2019/08/18 19:28

      ハタラキバチ

    45. Firefox 71 にて多段タブ設定できました

      Firefox 71 アップデート後多段タブが動作しなくなったため、
      こちらの情報にて設定できました。

      ダウンローダーリンクがリンク切れになっているようです。

      ダウンローダーから直接ファイルを探して 多段タブ.zip 探せました。

      2019/12/06 09:07

      ある

    46. あるさん

      ご指摘ありがとうございます。
      先日の記事更新後、短期間のうちに、さらにファイルが更新されていたようです。

      なお、ver.72ではuserChrome.jsの適用方法自体が、これまでと変わります。
      多段タブのスクリプトが動作しなくなることは確定していますので、ご注意を。

      2019/12/06 11:48

      ハタラキバチ

    47. Firefox 71ですが、多段タブ表示になりません・・・

      「14. タブを多段表示にする」の手順を試してみましたが、うまく行かず・・・
      文字コードUTF-8、BOMなしにしているのですが。
      改行コードは関係あるでしょうか。

      2019/12/06 23:21

      ウィスキー

    48. ウィスキーさん

      どこに原因があるのか、私には何とも言い難いのですが、記事に記載した方法でうまくいかないということでしたら、多段タブ.zipに格納されている、userChrome.js用スクリプトを利用する方法.txtの方法をお試しになってみるのはいかがでしょうか。

      ver.72からuserChrome.jsを適用する手順自体が変わるのですが、txtファイルに記載されているのはver.72以降に対応した方法で、多段タブ.zipの作者さんによれば、ver.69以降で動作するとのことです。
      こちらの方法でしたら、用意されているファイルを該当フォルダへ移動させるだけなので、文字コードは問題にならないはずです。

      改行コードによる影響の有無については、私には判断できる知識がありませんので、何ともお答えできません。

      2019/12/07 00:59

      ハタラキバチ

    49. 以前はお世話になりました

      この前からタブ表示が変になったので、ここに立ち寄りました。
      多段タブ表示の件ですが、1台目のPCではすんなりと設定できました。
      でも2台目のPCは、どうやっても多段表示にならなかったので、コメント表示欄にある「userChrome.js用スクリプトを利用する方法.txtの方法」を試したところ、無事多段表示する事が出来ました。
      有難う御座いました。

      2019/12/07 11:21

      ナカムラ

    50. いつもお世話になっております

      ver71更新で多段タブが使えなくなったため、お邪魔しました。
      私も本記事の方法ではうまくいきませんでした。
      が、"2019/12/07 00:59"に投稿のコメントにある通り、"userChrome.js用スクリプトを利用する方法.txt"を試した所、意図通りに動作するようになりました。
      原状復帰を優先させたため何が悪かったのかは追いかけていません。

      ver72でも手直しが必要との事で、今後ともよろしくお願いします。

      2019/12/07 12:22

      からあげ

    51. 参考にさせていただいています

      >chromeフォルダ内に「userChrome.css」を作成し、以下のように記述する。
      toolbarbutton#alltabs-button { -moz-binding: url("userChrome.xml#js"); }

      これのみの記述なので

      >デフォルト
      tabs tab[fadein]:not([pinned]){flex-grow:1;}

      これがデフォルトであることはなくないでしょうか?

      2019/12/09 15:59

      さとし

    52. さとしさん

      多段タブのスクリプトが正常動作しない原因についてのご指摘、という前提で返信させていただきます。

      tabs tab[fadein]:not([pinned]){flex-grow:1;}については、MultiRowTabLiteforFx.uc.jsに含まれていますので、別途、userChrome.cssに記述する必要がありません。
      タブ幅を固定したい場合に、MultiRowTabLiteforFx.uc.jsの該当部分を書き換える方法でも構わないし、別途、userChrome.cssに記述を加える方法でも、同じ結果が得られるというだけです。

      こちらについては、スクリプトの作者さんが、タブの横幅固定.txtでご説明下さっている通りになります。

      私の環境では、toolbarbutton#~の記述だけしかないuserChrome.cssでも、それに書き換え後の記述を加えた場合でも、どちらでも正常動作を確認できています。

      原因の切り分けにご協力いただき、ありがとうございます。

      2019/12/09 17:19

      ハタラキバチ

    53. ver71から「タブバーをウィンドウ最下部へ移動する」のCSSを適用すると右上の表示がおかしなことになってるようなのでご報告をば。
      具体的には_⬜×の表示がなんか変な記号になってるというか。
      こちらの修正方法はありますか?

      2019/12/24 16:44

      匿名

    54. 匿名さん

      私の環境ではそういった症状は確認できません。
      最小化、最大化、閉じるボタンが意図しない位置に表示されてしまっているケースがあるので、近日中に検証してみるつもりではいますが、匿名さんの環境に生じている症状の解消にはつながらないかと思います。

      2019/12/24 19:49

      ハタラキバチ

    55. お世話になっています。
      当方の環境(WIN10、32ビット)だと更新前の(8桁くらいのやつ)CSSで何も問題は無かったですが更新後のCSSだとメニューバーが中段になりました。
      参考までに。

      2019/12/26 22:11

      匿名

    56. 匿名さん

      「タブバーの表示位置を変更する」の項目の「タブバーをツールバー下部へ移動する」CSSを適用すると、下記の既定の並び順ではなく、適用後の並び順になってしまう、とおっしゃられているという前提で回答させていただきます。

      ●既定の並び順
      メニューバー
      タブバー
      ロケーションバー
      ブックマークバー

      ●適用後の並び順
      ロケーションバー
      ブックマークバー
      メニューバー
      タブバー

      以前にも同じことをご指摘いただいた方がいらっしゃるのですが、この記事に掲載してあるCSSは、更新前から上記の適用後の並び順です。
      32bitでの動作は確認していませんが、32bitと64bitでそのような違いが生じるとは考えにくいように思うのですが。

      下記のような並び順にされたいとのことでしたら、一例として、下のページのCSSなどを適用すれば、よろしいかと思います。
      ページ下部にある「For Firefox 68-71 (Windows and Linux)」の下のリンクです。

      ザッと確認した限りでは、特に問題はないように見受けられますが、私自身は既定の並び順で問題がなく、詳細な確認まではしていませんので、ご了承下さい。

      ●上記リンクのCSSを適用した並び順
      メニューバー
      ロケーションバー
      ブックマークバー
      タブバー

      https://support.mozilla.org/en-US/kb/forum-response-tabs-below-url-bar

      2019/12/27 01:24

      ハタラキバチ

    57. コメントありがとうございます。
      文章説明不足で申し訳ないです。
      「タブバーをツールバー下部へ移動する」CSSを適用しています。

      更新前CSSで_⬜×の表示がなんか変な記号になっていると書き込みを見かけたので当方の環境(タイトルバー有り、UI密度コンパクト)では更新前のCSSでは何の不具合も無くて更新後のCSSのほうが変だったと書きたかったのです。

      当方の環境では更新前のCSSで下記の並び順です。
      メニューバー
      ロケーションバー
      ブックマークバー
      タブバー

      更新後のCSSだとコメント通りの下記の並び順ですが本来は更新前のCSSもこの並び順なのですね。
      ロケーションバー
      ブックマークバー
      メニューバー
      タブバー

      私はメニューバーが一番上の方が好みなので更新前CSSを使わせてもらっていますが本来と違う表示なのが不思議です。

      2019/12/27 12:09

      匿名

    58. 横からですが質問させてください。
      更新前の「タブバーをツールバー下部へ移動する」CSSを適用して右上部分の表示に不具合が出ていたのですが更新後のCSSに変更したところ右上表示の不具合は解消しました、有難うございます。
      ただ、タブの背景色が青に変更されてしまいました。
      (#TabsToolbar:-moz-lwtheme { background-color: var(--toolbar-bgcolor); }
      のCSSを適用すると色は戻りますがタブの文字が消えてしまいます。)
      こちらの修正方法はありますでしょうか?

      また、自分も
      メニューバー
      ロケーションバー
      ブックマークバー
      タブバー
      の並び順のほうがしっくり来るので上記の「For Firefox 68-71 (Windows and Linux)」の下のリンクからダウンロードはしてみたのですが、適用方法が良くわかりません。(※ダウンロードしたCSSをただコピペして更新後CSSに追加すると異常な表示になる)
      前述の質問と合わせてご教授いただければ幸いです。

      2019/12/31 12:07

      匿名

    59. 匿名さん

      私の環境ではそういった症状は確認できません。

      タブバーはメニューバーやブックマークバーと同じ背景色で表示されていますし、#TabsToolbar:-moz-lwtheme~をコメントアウトしても、テーマが既定・Lightの場合は文字は黒、Darkだと白で表示されます。
      その他のテーマについては、フォローできかねます。

      リンク先のCSSについても同様で、異常な表示というのが具体的にわかりかねますが、私の環境では問題なく動作しているように見受けられます。


      「ダウンロードしたCSSをただコピペして更新後CSSに追加」とおっしゃっている部分が気になるのですが、もしかして、タブバーをツールバー下部へ移動するCSS、もしくは、リンク先のCSSの他に、CSSやスクリプトを適用されていないでしょうか。
      例えば、タブバーをツールバー下部へ移動するCSSと、リンク先のCSSの併用も、これに該当します。


      chromeフォルダ内のファイルを、一旦、全て他へ移動させた上で、タブバーをツールバー下部へ移動するCSSだけ、もしくは、リンク先のCSSだけを、userChrome.cssとして保存して、どうなるか試してみて下さい。

      これで問題が解消するようでしたら、他のCSSやスクリプトの何かが原因ということになります。
      それでもダメとなると、私の手には負えません。

      2019/12/31 16:32

      ハタラキバチ

    60. なんと、こちらの環境依存問題なのですね。

      ちなみに「ダウンロードしたCSSをただコピペして更新後CSSに追加」というのは、適用の仕方がわからなかったので、ダウンロードしたCSSをテキストエディタで開いて中のテキストを全てコピーして「タブバーをウィンドウ最下部へ移動する」記述が既に書かれているuserChrome.cssを開き、記述の最後の行から改行して先程コピーしたテキストをペーストして追加してみた状態のことです。
      上記の形で適用すると現れる「異常な表示」というのは具体的には、メニューバーとロケーションバーの反転は戻っているのですが、タブバー位置がウィンドウ最下部からロケーションバーの真下に戻り、ウィンドウ最下部の位置にはタブバーと同程度の幅の空白部分だけがそのまま残り、更にタブの文字色と右上表示の文字色が白になりメニューバーが画面上部にめり込んだ状態になる、といった表示になる事です。

      #TabsToolbar:-moz-lwtheme { background-color: var(--toolbar-bgcolor);
      を適用して文字が消えるというのも具体的には文字色と背景色が同じになってしまってタブをアクティブにしないと文字が読めなくなっている、という状態ですね。

      >>chromeフォルダ内のファイルを、一旦、全て他へ移動させた上で、タブバーをツールバー下部へ移動するCSSだけ、もしくは、リンク先のCSSだけを、userChrome.cssとして保存して、どうなるか試してみて下さい。

      こちらを試してみました結果として、chromeフォルダ内のファイルを全て他へ移動させ、リンク先のCSSだけを、userChrome.cssとして保存してみた場合は上述の「異常な表示」の状態から「タブの文字色と右上表示の文字色が白になる」現象だけがなくなりその他は同じ状態になりました。
      同様に、タブバーをツールバー下部へ移動するCSSだけを残した場合は、先程書いたのと同じように「タブの背景色だけ青に変更されている」以外はタブバーをツールバー下部へ移動する適用が正常に反映されている状態になりました。記述通りロケーションバーの位置も最上部に来た状態です。

      クリーンインストール等も試してみましたが特に変わらず、原因の切り分けができてない状況です。
      自分が使っているノートのfirefoxでもデスクトップのfirefoxでも全く同じ問題が発生しているのでPC環境の問題ではないと思うのですが…。同期している影響もあるかもしれません。

      2019/12/31 22:15

      匿名

    61. 匿名さん

      なんとなく、わかったように思います。
      複数の勘違いが重なっているように見受けられます。

      最初のコメントで「タブバーをツールバー下部へ移動する」CSSを適用、とおっしゃっておられましたが、今回のコメントでは「タブバーをウィンドウ最下部へ移動する」CSSだとおっしゃっておられますね。
      「ツールバー下部へ移動する」のではなく、「ウィンドウ最下部へ移動する」ことをおっしゃっておられるのだとすれば、大筋で話の辻褄が合います。

      私からの返信は「ツールバー下部へ移動する」ことを前提にしていましたので、意味を成しません、忘れて下さい。
      要点と結論だけを書きます。

      リンク先のCSSは、「ツールバー下部へ移動する」ことを意図した内容ですから、「ウィンドウ最下部へ移動する」こととは無関係です。
      ですので、記事中の「ウィンドウ最下部へ移動する」CSSを適用することを前提とさせていただきます。

      タブバーの背景色は、Firefoxに適用されているテーマにもよりますが、Windowsの色設定に左右されます。
      (CSSの更新前と更新後で、色設定に左右されるテーマに違いがあるのかもしれません)
      下記いずれかの方法で、100%希望通りにはならないかもしれませんが、近い結果を得られるかと思います。

      方法1
      Windowsの色設定を変更する。

      方法2
      #TabsToolbar:-moz-lwtheme { background-color: var(--toolbar-bgcolor); }を追加。
      CSS最上部の#TabsToolbarに適用されているスタイルのうち、次の2つを削除。

      background-color: -moz-win-accentcolor;
      color: -moz-win-accentcolortext;

      2020/01/01 00:00

      ハタラキバチ

    62. 新年おめでとうございます。
      確かに「ツールバー下部へ移動する」と「ウィンドウ最下部へ移動する」を混同していて使っていますね、大変失礼しました。
      仰るとおり「ウィンドウ最下部へ移動する」CSSを適用している状態です。

      ご教授いただいた方法2の方を試してみた所しっかり元通りの色に戻す事ができました。
      本当にありがとうございます。

      そして、こちらに大変な勘違いがあったという事で改めて訂正して質問させていただきます。
      「タブバーをウィンドウ最下部へ移動する」CSSを適用した上で
      メニューバー
      ロケーションバー
      ブックマークバー
      タブバー
      の順番に並べ直す方法はありますか?
      散々お騒がせした上で非常に聞き苦しいのですが、ご教授いただければ幸いです。

      2020/01/01 14:29

      匿名

    63. 匿名さん

      方法があるかもしれないし、ないかもしれない、としかお答えできません。

      掲載しているCSSは、他の方が作成されたものをベースに、私が少しだけ手を加えた内容になっています。
      素人に毛が生えた程度の私の知識では、複雑なCSSを1から作成するのは、とても難しいです。

      また、私自身は既定の並び順で不満がなく、掲載しているCSSも自分では活用していません。
      ですから、多くの時間と労力を費やしてまで、内容を大きく変更する理由が、私にはありません。

      このような事情ですので、並び順にこだわりがあるということでしたら、ご自身でお探しになって下さいとしか申し上げられません。

      現状で私が把握している範囲で、バーの並び順を変更して、なおかつ、メニューバーを最上部へ配置する方法は、タブを多段表示にする項目で取り上げているスクリプトを導入することです。
      何種類かスクリプトが収録されていて、多段タブとバーの位置変更の両方に対応したものがあります。

      タブの多段化が不要であれば、段数を指定できるスクリプトを選んで、段数の上限を1にすれば多段表示にはなりません。
      ただし、1つ難点があって、タブの数が増えた時に、既定でバーの左右に表示される「<」「>」が表示されません。
      2段以上で指定した場合は、指定の上限に収まらなくなると、バーを上下にスクロールできるようになります。

      2020/01/01 23:38

      ハタラキバチ

    64. 返信ありがとうございます。

      了解致しました。
      「<」「>」の非表示は個人的に全く問題ないので
      教えて頂いた多段タブのスクリプトを使うことで、不格好な形ながら取り敢えずメニューバーを最上部表示にすることに成功しました。
      まだ完全ではないので色々と調べながら調整していきますね。

      この度はお手数をおかけして申し訳ありませんでした。
      素人質問に迅速かつ丁寧に対応していただき本当にありがとうございます。

      2020/01/02 11:14

      匿名

    65. Firefox72での多段タブ化がここの通りにしても
      userChrome.js用スクリプトを利用する方法.txtの通りにしても
      うまくいかず四苦八苦していたのですが、
      Mozilla Firefox\defaults\prefのconfig-prefs.jsをUTF-8で保存せずANSIで保存したらうまくいきました。
      意外な落とし穴だったので情報提供しておきます。

      ちなみに多段タブ.zipで配布されているconfig-prefs.jsはちゃんとANSIで保存されています。
      自分が失敗したのはconfig-prefs.jsを新しいテキスト ドキュメント.txtから作成してUTF-8で保存したせいでした。
      皆さんもお気を付けください。

      2020/01/09 13:46

      通りすがり

    66. うちは上の方とは逆に全部UTF-8にしたらいけました。
      何が違うのだろうかw

      2020/01/09 20:07

      あれれ?

    67. 通りすがりさん、あれれ?さん

      検証してみましたが、私の環境では、UTF-8でもANSIでも正常動作しました。

      ただ、ver.71へアップデートした際に、同じ手順でも正常に動作する方と、しない方がいらっしゃったので、環境によっては、文字コードで動作に違いが生じることも、あり得るのかもしれません。

      正常動作に至らず、原因の切り分けに取り組んでおられる方には、有用な情報となるかもしれません。
      情報提供ありがとうございました。

      2020/01/09 22:12

      ハタラキバチ

    68. 無題ドキュメント

      Firefoxのホームページに設定しましたわ!!
      毎回毎回設定しなおすのも面倒・・・

      2020/01/10 10:54

      山田さん

    69. 文字コードをUTF-8へ

      案内どおりの操作やファイル作成をしたのですが、タブが多段表示されていませんでした。
      しかし、追加したファイルすべての文字コードをUTF-8に変更したところ、多段表示されるようになりました。たいへん役に立つ情報をありがとうございました!

      2020/01/12 17:30

      ピカイア

    70. マウスオーバーで表示される内容の位置ずれ

      いつも参考にさせてもらってます。大変助かります。
      最新のVer.まで問題なく使用できています。

      ただ1つ、これは多段タブ化とは関係ないかもしれませんが、
      タブにマウスオーバーしたさい、そのタブの内容が表示されますが、
      その表示される位置がマウスの位置からずれるのはどうしてかわかるでしょうか。
      具体的にはブラウザを最大にした場合、横方向では真ん中あたり。上下では上1/5あたり。
      ブックマークもずれてしまいます。全てその位置に表示されるので重なって使いにくくなっている。
      ページ内でリンクにマウスオーバーした場合は、リンク先のアドレスがウィンドウ左下に表示される。(ウィンドウの大きさに関係なく)

      もし心当たりがあれば教えてください。

      2020/03/04 17:25

      匿名

    71. 匿名さん

      コメントいただいたのが具体的にどういう状態なのか、よくわからないです。

      タブにマウスオーバーした際に表示される内容、とおっしゃっているのは、例えば、Yahoo!のトップページであれば「Yahoo! JAPAN」という表示のことですよね?
      私の環境では、多段タブのスクリプトを適用していても、適用していなくても、ウィンドウを最大化していても、最大化していなくても、いずれも同じ位置に表示されますし、ずれているとも感じません。

      上記の通りですので、問題の解消につながるような情報は、私からはご提供できないかと思います。

      2020/03/04 18:02

      ハタラキバチ

    72. 返信ありがとうございます。

      表示される内容というのはそういう意味です。
      多段化とは関係ないですよね。多段化しなくてもずれました。
      マウスオーバーやブックマークをクリックした時、プルダウンメニューなども
      ウィンドウの大きさ、位置に関係なく同じ位置にずれてしまいます。

      別の問題ですね、また調べてみます。
      ありがとうございました。

      2020/03/04 18:18

      匿名

    73. タブのスクロール

      タブをホイールでスクロールしたいのですが、
      新しくウィンドウを開くとうまく機能するのですが、
      既存のウィンドウでは機能しません。
      改善の手段はございますか?
      よろしければご教授願います。

      2020/03/30 20:10

      mg

    74. mgさん

      toolkit.tabbox.switchByScrollingをtrueにするという前提で返信させていただきます。

      私の環境では、マウスホイールで問題なくタブの切りかえができます。
      よくわかりませんが、何らかのアドオン、もしくは、スクリプトが阻害要因になっているのでは?

      これ以上のことは、私からお伝えできることは特に何もなさそうです。

      2020/03/30 21:26

      ハタラキバチ

    75. ご回答ありがとうございます。
      新しいウィンドウを開いたときに、スクロールは可能であるのは再現性があるため、
      検証したところ。
      どうやらタブを開いている数が関係するようです。
      タブの右端に> + に加えて V  (プルダウンのタブ一覧)が表示されている時に
      ホイールによるタブのスクロールが無効になるようでした。

      2020/03/30 22:27

      mg

    76. mgさん

      おっしゃる通り、タブバーにタブを表示しきれなくなると、タブの切りかえではなくタブバーの水平スクロールとなることを、こちらでも確認しました。

      リサーチしたところ、スクリプトを使用する方法で解決、加えて、先頭・末尾のタブ間での切りかえもできることがわかりましたので、記事の内容を差し替えました。
      見直しをするきっかけを与えていただき、ありがとうございました。

      2020/03/31 01:00

      ハタラキバチ

    77. 感謝します

      スクリプトの追加と書き換えの方法で無事タブのスクロールが動作しました。
      config内にタブの最小サイズの変更の項目も見つけたので、
      これで長らく更新を見合わせていたレッサーパンダさんとも少し仲良くなれそうです。
      ありがとうございました。

      2020/03/31 20:05

      mg

    78. 50から76.0.1にアップデートしたのですが、多段タブになりません。
      どのあたりから確認していけばよいでしょうか?

      2020/05/14 02:08

      匿名

    79. 匿名さん

      userChrome.jsと関連ファイルの作成・配置、about:configでuserChrome.cssの有効化、MultiRowTabLiteforFx.uc.jsの配置、これらの手順を完了したにもかかわらず、正常動作しないということでしたら、私の手には負えません。

      思い当たる可能性としては、ファイルの文字コード変更で解決したというコメントを過去にいただいています。
      コメントをさかのぼって、そちらをチェックしてみて下さい。

      その他には、真偽は定かではありませんが、大きくバージョンアップさせた場合、何らかの不具合が起こりやすくなるという話を聞いたこともありますので、プロファイルを新しく作成する、Firefoxを再インストールする、というくらいでしょうか。

      2020/05/14 12:55

      ハタラキバチ

    コメントを書く

    ※ コメント以外は空欄でもご投稿いただけますが、できるだけお名前のご入力をお願いします。

    ポイントタウン
    ちょびリッチ
    JFX
    ECナビ
    [PR]