Firefox Quantumの複数行タブバー


16

Firefox Quantum は、タブミックスプラスとタブキットを破壊します。Firefox Quantumで複数行のタブバーを取得する方法はありますか?

可能であれば、サポートされている安定したソリューションを探していますが、次の新しいバージョンで壊れることはほとんどありません。


1
@ dsstorefile1できれば、はい、次のアップグレードで壊れる可能性が低いようにしてください。
ゲリット

1
もしそうなら、あなたの質問に対する答えはおそらく「いいえ」だと思います。すでにここで見たようなソリューションを少し試してみたくない限り、現時点ではサポートされているソリューションはありません。
Run5k

1
@ dsstorefile1 Run5ksと一緒に「いいえ」を使用すると便利な回答であり、回答はコメントよりも将来的に安全です(特に、この質問が投票なしで残っている場合)。
ゲリット

回答:


5

アイコンを表示し、タブ行のtabいスクロールバーを非表示にする更新されたuserChrome.cssがあります(更新:新しいFirefoxバージョンではuserChromeの動作が再び変更されました。 firefox-csshacks / blob / master / chrome / multi-row_tabs.css):

/* Makes tabs to appear on multiple lines */
/* Tab reordering will not work and can't be made to work */
/* You can use multi-row_tabs_window_control_patch.css to move window controls to nav-bar*/

/* It's recommended to move tabs new-tab-button outside tabs toolbar */

/* Change the --multirow-n-rows to change maximum number of rows before the rows will start to scroll  */
/* Scrollbar can't be clicked but the rows can be scrolled with mouse */
/* This maximum visible rows won't work before Fx66 */
/* So this setting does nothing on Fx65 and all tab rows will be shown */
:root{ --multirow-n-rows: 6 }

#tabbrowser-tabs{
  min-height: unset !important;
  padding-inline-start: 0px !important
}

/* Test for Firefox > 66 */
@supports (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox > .arrowscrollbox-scrollbox{
    display: flex;
    flex-wrap: wrap;
    overflow-y: auto;
    max-height: calc(var(--tab-min-height) * var(--multirow-n-rows));
    scrollbar-color: var(--toolbar-bgcolor) var(--lwt-accent-color);
    scrollbar-width: thin;
  }
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

/* Test for Firefox < 66 */
@supports not (inset-block:auto){
  #tabbrowser-tabs > .tabbrowser-arrowscrollbox{
    min-height: unset !important;
  }
  #tabbrowser-tabs .scrollbox-innerbox{
    display: flex;
    flex-wrap: wrap;
  }
  #tabbrowser-tabs .arrowscrollbox-scrollbox {
    overflow: -moz-hidden-unscrollable;
    display: block;
  }
}

.tabbrowser-tab{ height: var(--tab-min-height); }
#tabbrowser-tabs .tabbrowser-tab[pinned]{
  position: static !important;
  margin-inline-start: 0px !important;
}

.tabbrowser-tab[fadein]:not([pinned]){
  min-width: 200px !important;
  flex-grow: 1;
  /*
  Uncomment to enable full-width tabs, also makes tab dragging a tiny bit more sensible
  Don't set to none or you'll see errors in console when closing tabs
  */
  /*max-width: 100vw !important;*/
}

.tabbrowser-tab > stack{ width: 100%; height: 100% }

#tabbrowser-tabs .scrollbutton-up,
#tabbrowser-tabs .scrollbutton-down,
#alltabs-button,
:root:not([customizing]) #TabsToolbar #new-tab-button,
#tabbrowser-tabs spacer,
.tabbrowser-tab::after{ display: none !important }

5
2019年4月3日。複数行のタブ拡張機能がまだないため、Firefoxはまだ使用できません。拡張機能の「アップグレード」により、ブラウザがどれほどひどく不自由になるか信じられないほどです。悲しい。まるで…2年?単一の行で300個のタブをスクロールするのはうんざりです。
トリインコ

4

私もこれの代替を探してみましたが、アドオンの組み合わせを使用する以外に本当のオプションは見つかりませんでした:

現在、Tab Mix Plus(WebExtensions)とTree Style TabアドオンをSession Syncとともに使用しており、それらを組み合わせて使用​​することで、タブ管理をより快適なものにすることができます。

ツリーのスタイル]タブは、サイドバーで複数のタブを一覧表示、原因モニターと現在の解像度の幅に複数行の機能への良い代替することができますセッションの同期は、 Windowsセッションとのタブのグループ化を介して管理を改善し、タブミックスプラスwebextensionsすることができます関連するページを同じウィンドウに表示します。それは明らかに複数行のセットアップではありませんが、何もないよりはましです。


同意する。サイドバーを表示/非表示するF1キーを備えた直立(したがって狭い)モニターを使用しているにもかかわらず、Tree Style Tabかなり耐えられると思います-実際にTabMix Plusはいくつかの点でより優れています折りたたまれているため、非常にスケーラブルです。
ルッツプレシェル

私は画面の垂直方向を使用しているので、TSTは実際には役に立ちません。どういうわけか、画面の上部にそれを持っているためのオプションがない限り?
サンジェイマノ


0

私は同意する/superuser//a/1480226/460302ことIzheilの複数行のタブが Firefoxで複数行のタブを得るための最も有望な手段です。ただし、その答えはソリューションの実装方法を示していません。背景を次に示します。

最初に、Izheilは彼のJavascriptベースのソリューションがFirefox 69-70で動作すると述べています。Windows 10 ではFirefox 68.2.0 esr(この記事の執筆時点での最新のESR、10/23/19)では動作しないことを確認できます。ただし、Izheilは、Windowsインストールに対していくつかの完全に自動化された回避策を提供します(以下を参照)。

第二に、Izheilは[原文]と述べています。

MozillaはついにfirefoxからすべてのXBLバインディングを削除したので、userchrome.xmlを介してJSスクリプトを挿入する可能性が削除される前に、これに依存しない別のパッチ方法に更新することにしました。

基本的にこれは、インストール方法としてuserchrome.xmlに依存しなくなったことを意味します。新しいJavaScriptベースのソリューションを使用してデプロイするには、Firefoxにパッチを適用してJSインジェクションを有効にする必要があります。これはおそらく優れた革新ですが、インストールごとにFFスタートアップキャッシュクリアするなど、複数の手動手順が必要です。

ただし、XBLバインディング(69より前のFFバージョンでは唯一のオプションと思われる)を引き続き使用したい場合は、現在Izheilのリポジトリに含まれているいくつかのWindowsバッチスクリプトの1つを使用してこれを自動的に実行できます。この方法を使用するには、

  1. https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/archive/master.zipをダウンロードして抽出します

  2. 抽出したファイルのインストーラーディレクトリに移動します

  3. 任意のバッチFILE.txtを実行する前に読む」というタイトルのファイルを読む

  4. このディレクトリにある.batファイルの1つを選択して実行します

  5. FireFoxを再起動し、WindowsおよびFireFoxのバージョンを含む結果をこの回答にコメントしてください。

弊社のサイトを使用することにより、あなたは弊社のクッキーポリシーおよびプライバシーポリシーを読み、理解したものとみなされます。
Licensed under cc by-sa 3.0 with attribution required.