1

一直觉得CHROME上面标题栏+输入框+标签列在最上面占用太宽了，所以一直都是把标签隐藏起来，用的时候再打开。看到一篇文章写了FIREFOX可以把最顶层的标题栏隐藏掉，所以换FIREFOX。

首先把机器的FIREFOX更到最新版本。

当然不能没有标题栏，目标是将水平标题栏改成垂直标题栏，下载插件Sidebery，通过快捷键CTRL+e打开/关闭。

接下来隐藏水平标题栏，FIREFOX支持通过CSS定制界面，对应的 CSS 规则需要保存到名为 userChrome.css 的文件。而且这个文件需要放到 profile 文件夹下的 chrome 文件夹。

通过[HELP] -> [More Troubleshooting Information]会打开一个信息界面，搜索[Profile Directory]可以查找到配置文件所在的目录，点击[OPEN]，在这个文件夹中创建一个新文件夹chrome，并且把userChrome.css拷贝到这个文件夹中。

1#TabsToolbar {
2  visibility: collapse;
3}

69 版本开始，Firefox 默认不再自动加载 userChrome.css 文件。需要手工开启这个特性。

1. 访问 about:config
2. 搜索 userprof
3. 将toolkit.legacyUserProfileCustomizations.stylesheets改为true

重启FIREFOX即可。

现在隐藏掉标签栏，浏览器上面只有一个输入框宽度了。

2

firefoxcss-store有很多现成的方案，从上面找了两个修改成自己想要的样子了。

• 标签栏和地址栏合并一行
• 不修改主题
• 标签栏透明且隐藏，鼠标聚焦时显示

配置目录: https://github.com/ahaooahaz/cascade

参考链接:

• https://taoshu.in/firefox/vertical-tabs.html

BRAVE

最终又换了brave，因为firefox打开一些跳转级很多的页面时能明显感觉到比chrome慢很多。