Firefox可通过五种方法启用紧凑模式:一、开启browser.compactmode.show隐藏开关;二、将browser.uidensity设为1;三、启用toolkit.legacyUserProfileCustomizations.stylesheets;四、部署fx-compact-mode的userChrome.css;五、使用Firefox-UI-Fix精细调整内边距。

如果您希望在 Firefox 浏览器中减少界面元素占用的垂直空间、提升屏幕内容密度,则可能是由于默认 UI 布局过于宽松导致纵向空间浪费。以下是启用紧凑模式的多种可行方法:
一、启用内置紧凑密度选项
Firefox 自身保留了紧凑密度的底层支持,但需手动开启隐藏开关才能在定制面板中显示该选项。该方法无需外部文件,兼容性高且操作轻量。
1、在地址栏输入 about:config 并按回车键。
2、点击“接受风险并继续”进入高级设置页面。
3、在搜索框中输入 browser.compactmode.show。
4、双击该项,将其值由 false 修改为 true。
5、点击右上角菜单按钮,选择“更多工具”→“定制工具栏”。
6、滚动至面板底部,点击“密度”下拉菜单,选择 紧凑(已不支持)。
7、点击“完成”保存设置并退出定制界面。
二、启用 UIDensity 参数强制应用紧凑布局
通过直接设定用户界面密度等级,可绕过密度菜单限制,使工具栏、标签页等组件自动采用更紧凑的尺寸计算逻辑。该方式对 Firefox 89+ 版本稳定有效。
1、在地址栏输入 about:config 并按回车键。
2、点击“接受风险并继续”。
3、搜索 browser.uidensity。
4、双击该项,将数值设为 1(0=标准,1=紧凑,2=触摸优化)。
5、关闭 about:config 页面,重启 Firefox 使更改生效。
三、启用 userChrome.css 自定义样式支持
Firefox 允许通过加载本地 CSS 文件深度定制 UI,这是实现极致紧凑布局的核心机制。必须先启用该功能,否则后续所有 CSS 修改均无效。
1、在地址栏输入 about:config 并按回车。
2、点击“接受风险并继续”。
3、搜索 toolkit.legacyUserProfileCustomizations.stylesheets。
4、双击该项,将值从 false 改为 true。
5、关闭 about:config 页面。
四、部署 fx-compact-mode 样式方案
fx-compact-mode 是一个轻量级开源项目,提供预编译的 userChrome.css 文件,专为压缩工具栏高度、标签页间距和地址栏下拉列表设计。其配置无需手动编写 CSS,适合中阶用户。
1、访问 GitHub 或 GitCode 获取 fx-compact-mode 项目源码,下载 userChrome.css 文件。
2、在地址栏输入 about:support,点击“打开文件夹”按钮定位当前配置目录。
3、进入 chrome 子目录;若不存在则手动新建该文件夹。
4、将下载的 userChrome.css 复制到 chrome 目录内。
5、完全关闭 Firefox 进程(包括后台进程),重新启动浏览器。
五、部署 Firefox-UI-Fix 内边距优化模块
Firefox-UI-Fix 提供细粒度内边距控制能力,可分别调整标签页、地址栏、书签栏与菜单的 padding 值,实现像素级空间压缩。适用于追求极致效率的高级用户。
1、克隆项目仓库:git clone https://gitcode.com/gh_mirrors/fi/Firefox-UI-Fix。
2、复制 userChrome.css 及 src/padding/ 下相关 SCSS 模块(如 _tab_padding.scss、_urlbar.scss)至本地。
3、将完整样式文件放入配置目录的 chrome 文件夹。
4、确保 toolkit.legacyUserProfileCustomizations.stylesheets 已设为 true。
5、在 about:config 中启用对应偏好项,例如:userChrome.padding.tab_padding、userChrome.padding.urlbar 等。










