如何在 Firefox 57+ Quantum 中隐藏标签栏（tabstrip）

Question

如何在 Firefox 57+（“Quantum”）中隐藏/禁用/删除标签栏？

目标是完全隐藏标签栏。如果与“树样式选项卡”等扩展配对，则很有用。

注意：这里有一个类似的问题：Firefox 隐藏除浏览器内容区域之外的所有内容， 但它没有正确拆分为逻辑上独立的任务。此外，它已经过时了。

Answer 1

1. 打开您的Firefox“配置文件目录”
   • 官方文档如何做到这一点：https : //support.mozilla.org/en-US/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
   • 或者直接打开：
     • Linux： ~/.mozilla/firefox/<profile>
     • 操作系统：
       • ~/Library/Application Support/Firefox/Profiles/<profile folder>
       • 或者 ~/Library/Mozilla/Firefox/Profiles/<profile folder>
     • 视窗： %appdata%\Mozilla\Firefox\Profiles\<profile folder>
2. chrome/如果目录不存在则创建
3. chrome/userChrome.css如果文件不存在，则在其中创建文件。

4. 将此文本添加到文件中：

   #TabsToolbar { visibility: collapse !important; }
   

5. 确保配置toolkit.legacyUserProfileCustomizations.stylesheets设置为true（Firefox69+ 需要，自 2019 年 9 月以来的稳定版本），请参阅本教程。

6. 保存文件并重新加载firefox。您应该再也看不到标签栏了。

PS 解决方案部分取自此处：https : //www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/

Answer 2

我希望标签栏在有 1 个标签时自动隐藏，并在有多个标签时出现。与问题不同，但这是目前 57+ 的唯一谷歌结果，所以对于那些需要它的人userChrome.css

#tabbrowser-tabs, #tabbrowser-tabs arrowscrollbox { min-height: 0 !important; }
#tabbrowser-tabs tab { height: var(--tab-min-height); }
#tabbrowser-tabs tab:first-of-type:last-of-type { display: none !important; }

Answer 3

不幸的是，目前无法通过 Firefox Quantum 支持的附加 API 进行特定的 UI 自定义；一旦错误 1332447得到解决，就可以找到合适的解决方案。

在那之前，VasyaNovikov 的调整userChrome.css工作正常，尽管编辑该文件绝对是一个由您自己承担风险、不受官方支持的选项。

Answer 4

添加到 userChrome.css

#TabsToolbar {
    visibility: collapse;
}

#titlebar {
    margin-bottom: -25px !important;
}

#titlebar-buttonbox {
    height: 32px !important;
}

#nav-bar {
    margin-right: 42px;
}

#main-window[sizemode="maximized"] #nav-bar {
    margin-right: 42px;
}

适用于 Firefox 70.0，但_ ? X缺少。