如何在Firefox 57+ Quantum中隐藏选项卡栏（tabstrip）

56

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

目的是完全隐藏标签栏。与“ Tree Style Tab”等扩展名配对时很有用。

注意：这里有一个类似的问题：Firefox隐藏了浏览器内容区域以外的所有内容，但它没有适当地划分为逻辑上独立的任务。另外，它已经过时了。

firefox firefox-extensions firefox-57

— 瓦西亚·诺维科夫（VasyaNovikov）
source

对于OP信息，我在链接的问题中添加了一个新答案，该答案使用userChrome.css但元素名称和ID不同。

— clearkimura

这里是你可以得到开发者工具找到元素ID和测试方式生活：reddit.com/r/FirefoxCSS/comments/73dvty/...

— 蒂姆·阿贝尔

63

打开您的Firefox“配置文件目录”
- 官方文档如何执行此操作：https：//support.mozilla.org/zh-CN/kb/profiles-where-firefox-stores-user-data#w_how-do-i-find-my-profile
- 或者只是打开：
  - Linux： ~/.mozilla/firefox/<profile>
  - OSX：
    - ~/Library/Application Support/Firefox/Profiles/<profile folder>
    - 要么 ~/Library/Mozilla/Firefox/Profiles/<profile folder>
  - 视窗： %appdata%\Mozilla\Firefox\Profiles\<profile folder>
创建目录（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/

— 瓦西亚·诺维科夫（VasyaNovikov）
source

9

这是打开个人资料目录的更简单方法：support.mozilla.org/en-US/kb/…–

— thSoft

这看起来有点难看，您在哪里找到DOM布局（您如何知道使用#tabbrowser-tabs）？在OSX上，我认为这需要最小高度（或其他高度）i.imgur.com/oJOinx4.png

— hayd

设置#TabsToolbar { height: 40px; }似乎做的伎俩，这似乎并不重要，我把什么高度在那里，所以一些奇怪的事情。注意：我在这里找到了ID 。

— hayd

1

@hayd感谢您的评论！我在Linux上尝试了您的解决方案，但是没有用。但是，这可行：#TabsToolbar { visibility: collapse !important; } 您可以在操作系统上测试此代码以查看其是否有效吗？（找到一个适用于任何操作系统的通用解决方案将是一个好办法。）

— VasyaNovikov

1

在Firefox 66再次更改CSS选择这里是新的CSS的作品在MacOS很大：gist.github.com/stevelandeyasana/...

— 史蒂夫Landey

9

我希望选项卡栏在有1个选项卡时自动隐藏，而在有多个选项卡时出现。与问题不同，但这是目前Google针对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; }

— 亚伦布鲁
source

在Firefox 59中，此userChrome.css无法正常工作：隐藏了最后一个标签，但该+按钮仍然可见，因此显示了整个标签区域。

— gioele

2

@gioele如果您转到“自定义Firefox”并将新的选项卡按钮拖出选项卡栏，它应该可以工作，它可以放在主工具栏或菜单中。如果您确实想要它，我没有尝试过，因为我没有使用该按钮，但是如果有人想出了它，我可以编辑答案。

— 亚伦布鲁

确实，一旦删除+按钮，它确实可以工作。

— gioele

8

不幸的是，当前无法通过Firefox Quantum支持的附加API进行特定的UI自定义；错误1332447解决后，可能会找到正确的解决方案。

在此之前，VasyaNovikov会进行调整userChrome.css，尽管编辑该文件绝对是您自己的风险，而不是官方支持的选项。

— 卡拉哈德
source

1

我将VasyaNovikov的答案概括为要在我的Linux和OS X Boxen上运行的要点，希望它可以用几台个人计算机帮助其他人。我还要指出，应用他的答案后，后退按钮将位于OS X中的关闭按钮下方。解决方法是在工具栏中插入三个灵活的空间（右键单击工具栏，选择“自定义...”，然后插入三个空格，使后退按钮向右移动）。

如果有人拥有正确的CSS可以插入到userChrome.css中，以在后退按钮上实现相同的效果，那么将不胜感激。

— 用户名
source

1

添加到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缺少。

— 柳博斯拉夫·卡内夫
source