Firefox Quantum中的多行标签栏

Firefox Quantum 破坏了选项卡组合以及选项卡工具包。有什么办法可以在Firefox Quantum中获得多行标签栏？

如果可能的话，我正在寻找一种受支持的，稳定的解决方案，在下一个新版本中不太可能会中断。

这是一个更新的userChrome.css，它显示图标并在选项卡行中隐藏丑陋的滚动条（更新：较新的Firefox版本再次更改了userChrome的行为，现在我直接从此处获取了脚本：https : //github.com/MrOtherGuy/ 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 }

我也尝试寻找替代方法，但没有找到真正的选择，只能使用附加组件的组合：

我现在正在使用Tab Mix Plus（WebExtensions）和Tree Style Tab插件，以及Session Sync，结合使用它们，我可以更轻松地体验Tab管理。

该树风格标签允许一个很好的替代多行功能，由于显示器和当前分辨率的宽度，在侧边栏列出几个选项卡中，会话同步通过Windows会话和标签的分组提高管理选项卡搭配加上webextensions允许相关页面留在同一窗口中。这显然不是多行设置，但总比没有好。

带有制表符移动支持的最佳解决方案是： Izheil的Multirow制表符

我同意/superuser//a/1480226/460302的观点，即Izheil的Multirow Tabs是在FireFox中获得Multirow Tabs的最有前途的方法。但是，该答案并未说明如何实施该解决方案。这里是一些背景：

首先，Izheil指出他的基于Javascript的解决方案可与Firefox 69-70一起使用。我可以确认它在Windows 10下不能与Firefox 68.2.0 esr（撰写本文时使用的最新ESR，10/23/19）一起使用。但是，Izheil为Windows安装提供了几种完全自动的解决方法（请参见下文）。

其次，伊热耶尔说[原文如此]

Mozilla最终从firefox中删除了所有XBL绑定，因此在删除通过userchrome.xml注入JS脚本的可能性之前，我决定将补丁方法更新为另一种不依赖此方法的方法。

基本上，这意味着他不再依赖userchrome.xml作为安装方法。要使用基于Javascript的新解决方案进行部署，您需要修补Firefox以启用JS注入。这可能是一项出色的创新，但是它确实涉及多个手动步骤，包括在每次安装后清除FF启动缓存。

但是，如果您希望继续使用XBL绑定（这似乎是69之前的FF版本的唯一选择），则可以使用Izheil存储库中当前包含的多个Windows批处理脚本之一自动完成此操作。要使用此方法，

1. 下载并解压缩https://github.com/Izheil/Quantum-Nox-Firefox-Dark-Full-Theme/archive/master.zip

2. 导航到提取文件的Installers目录

3. 读取标题为“ 在运行任何批处理FILE.txt之前先读取”的文件

4. 选择并执行在此目录中找到的.bat文件之一

5. 重新启动FireFox，并在结果（包括Windows和FireFox版本）中对此答案发表评论。