如何隐藏/禁用/删除 Firefox 57+(“Quantum”)中的标签栏?
目标是完全隐藏标签栏。如果与“树形标签”等扩展程序配合使用,则很有用。
注意:这里有一个类似的问题:Firefox 隐藏浏览器除内容区域之外的所有内容 但它没有被合理地划分为逻辑上独立的任务。而且它已经过时了。
答案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>
- Linux:
chrome/
如果目录不存在则创建目录chrome/userChrome.css
如果不存在则在其中创建文件。将此文本添加到文件:
#TabsToolbar { visibility: collapse !important; }
确保配置
toolkit.legacyUserProfileCustomizations.stylesheets
已设置为true
(Firefox69+ 是必需的,自 2019 年 9 月起为稳定版本),请参阅本教程。保存文件并重新加载 Firefox。您应该不再看到标签栏。
PS 解决方案部分取自此处:https://www.ghacks.net/2017/09/27/tree-style-tab-is-a-webextension-now/
更新时间:2022-10-24:从 Firefox-106.0 开始,还有一个选项卡管理器/选项卡视图需要禁用。要禁用它,设置browser.tabs.tabmanager.enabled
为 false
答案2
我希望标签栏在有 1 个标签时自动隐藏,在有多个标签时显示。与问题不同,但这是目前针对 57 岁以上用户的唯一 Google 搜索结果,因此对于那些需要它的人来说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; }
答案3
添加到 <firefox-profile-dir>/chrome/userChrome.css
#TabsToolbar {
visibility: collapse;
}
#titlebar {
margin-bottom: -22px !important;
}
#titlebar-buttonbox {
height: 0px !important;
}
#nav-bar {
margin-right: 0px;
}
#main-window[sizemode="maximized"] #nav-bar {
margin-right: 0px;
}
适用于 Firefox 70.0,但是_ □ X
缺失。
更新:也适用于 Firefox 97。
答案4
我提炼了 VasyaNovikov 的答案概括要点在我的 Linux 和 OS X 机器上运行,希望它能帮助其他拥有多台个人机器的人。我还想指出,在应用他的答案后,后退按钮将位于 OS X 中的关闭按钮下方。解决方法是在工具栏中插入三个灵活空格(右键单击工具栏,选择自定义...,然后插入三个空格,使后退按钮移动到右侧)。
如果有人有正确的 CSS 插入到 userChrome.css 中以实现与后退按钮相同的效果,那么我们将不胜感激。