配置 Firefox 垂直标签栏
涛叔Firefox 原生不支持垂直标签栏，但可以通过扩展实现，比如 Sidebery 或者 Tree Style Tab。装上插件之后确实会展示类似 Edge 的垂直标签栏。但是，原来的水平标签并没有隐藏。也就是说同一个标签会显示在两个地方。这让强迫症晚期的我怎么忍？今天就分享一种在 Firefox 上完美实现垂直标签栏的方案。
首先要安装一款垂直标签扩展，推荐 Sidebery，因为 Tree Style Tab 默认不支持暗黑模式。安装之后就会看到左边的标签栏。我们还可以通过快捷键ctrl-e打开或关闭标签栏。
现在我们想办法隐藏水平标签栏。
Firefox 支持通过 CSS 定制界面。对应的 CSS 规则需要保存到名为 userChrome.css 的文件。而且这个文件的保存路径也很讲究，需要放到 profile 文件夹下的 chrome 文件夹。别看这里也有一个 chrome，它跟谷歌的 Chrome 浏览器没有关系。
这个 profile 文件夹就是 Firefox 保存配置的地方。它在不同系统上的位置也不一样，但 Firefox 提供了统一的查看页面。依次点击 ☰ -> [Help] -> [More Troubleshooting Information]会打开一个信息页面，在里面查找[Profile Folder]就会看到对应的路径。左边应该有一个按钮，点击就可以打开一个目标路径。
如果是中文界面，需要点击☰ -> [帮助] -> [更多排障信息]，然后搜索[配置文件夹]。
打开的文件夹中可能有多个文件夹，但系统会选中正在使用的那个。点击进入就能看到配置文件。感谢读者胡一派指正。
然后我们在 profile 文件夹里面创建 chrome 文件夹，然后再新建 userChrome.css 文件，内容为：
#TabsToolbar {
visibility: collapse;
}保存之后重启 Firefox，然后发现没有任何作用😂这是因为从 69 版本开始，Firefox 默认不再自动加载 userChrome.css 文件。我们需要手工开启这个特性。开启方法如下：
- 新建标签，输入 about:config 并回车
- 首次打开可能会看到 Firefox 的提示，说修改配置可能影响功能，要小心
- 同意之后，在新的页面最上方的搜索框，输入
userprof并回车 - 双击
toolkit.legacyUserProfileCustomizations.stylesheets会将其修改为true
现在再重启 Firefox，水平标签栏就会被隐藏起来。
这是非常简洁的UI，我非常喜欢。但是它有两个问题。第一，窗口的关闭、最大、最小按钮也消失了。第二，办法用鼠标移动 Firefox 窗口。
最简单的方案是让 Firefox 显示标题栏。右键地址栏两侧的任意图标，点击[Customize toolbar…]会打开一个新页面，选中左下角的 Title Bar，最后点击右下角的[Done]。如此 Firefox 就会重新展示标题栏，移动窗口的问题也一并解决。
但是，我更喜欢简洁的界面。如果是关闭窗口，可以直接使用⌘+w，退出按⌘+q，进入全屏用^+⌘+f。这些都是 mac 系统的标准快捷键。但窗口移动这个问题不好解决。
有一个不那么优雅的方案。如果你没有调整过 Firefox 的默认布局，地址栏跟左右两边的图标之间会有一段空白，它的长度会动态调整。屏幕越宽，空白越长。可以用鼠标点击这两块空白区域实现移动窗口。但我之前总觉得这种设计很丑，所以会第一时间删除这两段空白。但跟显示标题栏相比，显示空白也不是什么大问题了。所以再回到上面的[Customize toolbar…]页面，把 Flexible Space 重新拖拽到地址栏两边就可以了。
最后需要优化的就是侧边栏的标题。Firefox 默认为显示当前的扩展名，也就是 Sidebery。我感觉没有必要，可以往 userChrome.css 添加如下样式规则：
#sidebar-header {
visibility: collapse !important;
}最终的显示效果如下，地址栏两边有空白，侧边栏的标题也已经隐藏：
以上就是全部的配置过程。说起垂直标签栏，最早还是微软在 Edge 浏览器实现的。但 Edge 的标签栏有两个问题。第一，虽然它能隐藏水平标签栏，但原来的UI并不会隐藏，只是不显示水平标签罢了。这就没办法扩大垂直方向上的显示区域。第二，也是最大的问题，它不支持全屏模式，一旦进入全屏就会切换成水平标签栏。相比之下，Firefox 的实现虽然不那么方便，却能真正提高屏幕的利用率，完爆 Edge。Chrome 也有类似的插件，但不支持隐藏水平标签，还不如 Edge。所以 Firefox 胜出✌️
读者 donie.leigh 留言说为什么不用 Vivaldi。主要因为它用的也是 Chromium 内核。我很久之前就用过，当时感觉界面有点卡。收到留言后我又体验了一下，Vivaldi 的垂直标签栏比 Edge 做的要好，但比 Firefox 的实现效果还差一点😄
参考链接：