火狐浏览器打开垂直标签栏，隐藏顶部标签。

---

问题描述

Firefox(火狐浏览器)本身不支持垂直标签页。
可通过火狐扩展来实现，有：Sidedery 或 Tree Style Tab。装上后会类似Edge浏览器一样显示在左侧显示垂直标签页。
但是，并不会隐藏浏览器本身的水平标签页，也就是同一个标签页会出现在这两个地方。

解决方案：

Firefox 支持通过 CSS 定制界面。对应的 CSS 规则需要保存到名为 userChrome.css 的文件。而且这个文件的保存路径也很讲究，需要放到 profile 文件夹下的 chrome 文件夹。别看这里也有一个 chrome，它跟谷歌的 Chrome 浏览器没有关系。
这个 profiles 文件夹就是 Firefox 保存配置的地方。它在不同系统上的位置也不一样，但 Firefox 提供了统一的查看页面。
英文：依次点击 ☰ -> [Help] -> [More Troubleshooting Information]会打开一个信息页面，在里面查找[Profile Folder]就会看到对应的路径。左边有一个按钮，点击就可以打开一个目标路径。
中文：依次点击 ☰ -> [帮助] -> [更多排障信息]，然后搜索[配置文件夹]。左边有一个按钮，点击就可以打开一个目标路径。
流程如下：

新建文件夹chrome通常情况下，你的配置文件中不会包含chrome文件夹，除非你已经运行Firefox很长很长时间了。要创建chrome文件夹，可以使用文件浏览器提供的标准方法。例如，在Windows上:右键单击列表的空白区域，单击“新建”，然后单击“文件夹”。键入chrome(全部小写)作为新文件夹的名称，然后按Enter或单击以完成编辑。
在当前目录创建 chrome 文件夹再建再新建 userChrome.css 文件。

确保你的操作系统设置为显示文件扩展名，如.txt和.css
我的电脑 → 查看 → 选中文件扩展名

userChrome.css 内容为如下：

#sidebar-header {
  visibility: collapse !important;
}

保存之后重启 Firefox，然后发现没有任何作用这是因为从 69 版本开始，Firefox 默认不再自动加载 userChrome.css 文件。我们需要手工开启这个特性。开启方法如下：

1.新建标签，输入 about:config 并回车
2.首次打开可能会看到 Firefox 的提示，说修改配置可能影响功能，要小心
3.同意之后，在新的页面最上方的搜索框，输入 userprof 并回车
4.双击toolkit.legacyUserProfileCustomizations.stylesheets会将其修改为true

再重启 Firefox，水平标签栏就会被隐藏起来。
流程如下：

这是非常简洁的UI，我非常喜欢。但是它有两个问题。
第一，窗口的关闭、最大、最小按钮也消失了。
解决方法：可以在顶部 右键 → 选中菜单栏 即可出现 关闭、最大、最小按钮。
第二，办法用鼠标移动 Firefox 窗口。
解决方法：鼠标在浏览器顶部按住左键移动即可移动 Firefox 窗口。
流程如下：

本文章自己查找方案并操作来汇总整理一套完整的操作过程，来记录以便读者方便使用。