Firefox紧凑模式需四步实现:一、启用browser.compactmode.show并选“紧凑”;二、开启toolkit.legacyUserProfileCustomizations.stylesheets并部署userChrome.css;三、将browser.uidensity设为1;四、在user.js中添加三项内边距优化配置并重启。

如果您希望减少Firefox浏览器界面在垂直方向上的占用空间,使标签栏、工具栏和地址栏更加紧凑,则可能是由于默认密度设置未启用或自定义样式未加载。以下是启用紧凑模式的具体操作步骤:
一、启用紧凑密度选项
Firefox原生提供密度调节功能,但紧凑模式在较新版本中被隐藏,需通过配置编辑器手动开启。该设置直接影响标签栏高度、工具栏按钮间距及整体UI纵向尺寸。
1、在Firefox地址栏输入 about:config 并按回车键。
2、点击“接受风险并继续”进入高级配置页面。
3、在搜索框中输入 browser.compactmode.show。
4、双击该首选项,将其值由 false 修改为 true。
5、点击菜单按钮 → “更多工具” → “定制工具栏”。
6、滚动至面板底部,点击“密度”选项。
7、在弹出菜单中选择 紧凑(显示为“紧凑(不再支持)”亦可生效)。
8、点击“完成”保存设置并刷新界面。
二、启用userChrome.css自定义样式
仅靠密度设置无法实现极致紧凑,需配合CSS样式文件对工具栏按钮内边距、地址栏垂直间距等进行精细控制。此方法依赖于已启用的样式表支持机制。
1、在地址栏输入 about:config 并回车,点击“接受风险并继续”。
2、搜索 toolkit.legacyUserProfileCustomizations.stylesheets。
3、双击该项,将值设为 true。
4、访问 about:support 页面,点击“打开文件夹”按钮定位当前配置文件目录。
5、进入 chrome 子目录;若不存在,请手动新建该文件夹。
6、将 fx-compact-mode 项目中的 userChrome.css 文件复制到该 chrome 文件夹内。
7、重启Firefox浏览器。
三、调整UI密度参数
browser.uidensity 是控制Firefox整体UI缩放比例的核心参数,其数值越小,界面元素越紧凑。该参数与密度选项协同作用,可进一步压缩标签栏与工具栏高度。
1、在 about:config 页面中搜索 browser.uidensity。
2、双击该项,将默认值 3 修改为 1。
3、如已存在该首选项且值为1,无需更改;若不存在,请右键新建整数型首选项,名称为 browser.uidensity,值设为 1。
4、关闭 about:config 页面,重启Firefox。
四、应用内边距优化配置
通过 user.js 配置可批量启用多项内边距精简策略,包括工具栏按钮外边距缩减、地址栏上下内边距压缩、标签栏高度降低等,属深度紧凑化手段。
1、定位Firefox配置文件目录下的 user.js 文件(若不存在,可新建)。
2、在文件末尾添加以下三行配置:
user_pref("userChrome.padding.toolbar_button", true);
user_pref("userChrome.padding.urlbar", true);
user_pref("userChrome.padding.tabbar_height", true);
3、保存文件,确保文件编码为UTF-8无BOM格式。
4、重启Firefox使配置生效。


















