Firefox 使用 userChrome.css 自定义垂直标签栏（Vertical Tab Bar）
内容提要
火狐浏览器支持插件生态和定制化能力，可隐藏原生标签栏和改善外观性能。谷歌浏览器无类似解决方案。
延伸解读
userChrome.css 的定制门槛与操作要点
文章指出，隐藏原生标签栏需通过 userChrome.css 实现，并提供了具体 CSS 代码。操作前需按 Ctrl+Alt+Shift+I 打开浏览器布局开发者工具，保存后重启生效。这要求用户具备一定 CSS 基础，且代码中使用了绝对像素值，作者也坦言因不擅长 CSS 而妥协。对于普通用户，直接复制代码可能因版本差异失效，需自行调试。
Chrome 垂直标签方案的现实局限
文章对比了 Chrome 的 Vertical Tabs 插件，指出其存在三个明显缺点：侧边栏 min-width 过大无法调小，挤压可视空间；不能随浏览器自动启动，需手动点击图标；且因缺乏 userChrome.css 支持，无法隐藏顶部原生标签栏。这些限制源于 Chrome 对扩展组件的严格管控，导致体验不如 Firefox 灵活。
原生垂直标签栏的性能优势与调优
作者发现 Firefox 原生支持垂直标签栏，只需在 about:config 中将两项设为 true 并重启。相比 Tree Style Tab，原生方案性能更好，尤其能缓解多后台标签页切换卡顿。但作为实验性功能，存在标签高度过大、加号按钮不居中、插件栏多余等问题，需通过 userChrome.css 进一步调整，如修改标签高度、隐藏多余元素等。
Q&A
如何在火狐浏览器中使用userChrome.css自定义垂直标签栏？
用户可以通过修改userChrome.css文件来隐藏火狐浏览器的原生标签栏，从而使用Tree Style Tabs插件的垂直标签栏。具体方法是将相关CSS代码添加到userChrome.css中并重启浏览器。
火狐浏览器与谷歌浏览器在标签栏定制方面有什么区别？
火狐浏览器支持userChrome.css进行高度定制，而谷歌浏览器的Vertical Tabs插件存在限制，无法隐藏原生标签栏且无法调整侧边栏宽度。
如何在火狐浏览器中开启原生标签栏功能？
用户可以在about:config中将相关设置项改为true，然后重启浏览器即可开启火狐的原生标签栏功能。
Tree Style Tabs插件在火狐浏览器中的作用是什么？
Tree Style Tabs插件允许用户在火狐浏览器中使用垂直标签栏，提升标签管理的舒适度，特别适合打开多个标签页的用户。
火狐浏览器为什么被认为是一个可定制性强的浏览器？
火狐浏览器支持丰富的插件生态和用户自定义功能，如userChrome.css，允许用户根据个人需求调整浏览器外观和功能。
使用userChrome.css时需要注意哪些事项？
在使用userChrome.css时，用户需要确保CSS代码正确，并在修改后重启浏览器以应用更改，同时可能需要调整一些绝对像素值以适应个人需求。
