火狐打印默认禁用背景色和图片,需三步解决:1. 打印设置中启用“打印背景色和图像”并选“原始格式”;2. about:config 修改print.print_background与print.print_background_images为true;3. 通过userContent.css注入@media print{*-webkit-print-color-adjust:exact!important;print-color-adjust:exact!important}并启用对应配置。

火狐浏览器网页打印时背景颜色和图片无法显示,会导致PDF存档色块缺失、企业宣传页图文脱节、设计稿导出失真,甚至让带水印的合同页面变成纯白纸张。这个问题不是偶然故障,而是浏览器默认策略主动屏蔽背景渲染所致。
打印预览中启用背景渲染开关
这一步最直接,适合只需单次高保真输出的场景,不改全局设置,但必须配合“原始格式”使用,否则勾了也白勾。
1、打开目标网页,确保所有动态内容(如懒加载图片、JS渲染区块)已完全加载完毕→按 Ctrl + P(Windows/Linux)或 Cmd + P(macOS)调出打印对话框。
2、在右侧设置面板点击“更多设置”,展开高级选项区域。
3、向下滚动,找到“打印背景色和图像”复选框并勾选;若该选项未出现,请先点击“页面设置”按钮,在弹出窗口的“格式和选项”页签下确认勾选“打印背景(颜色和图像)”。
4、在“格式”下拉菜单中,必须选择【原始格式】,不能选“简化格式”或“仅文本”——后者会强制丢弃所有 background、box-shadow 和伪元素,勾选背景选项也会被无视。
5、预览窗口中检查背景色是否饱和、图片是否完整呈现,无误后点击“保存为PDF”或连接打印机执行打印。
通过 about:config 强制启用底层双参数
界面勾选有时无效,是因为 print.print_background 和 print.print_background_images 这两个底层开关仍为 false,尤其在企业部署版或策略锁死环境中,界面选项会被灰掉。改这里才能真正生效。
方法一:启用背景色与背景图双通道
1、地址栏输入 about:config 并回车,点击“我了解此风险”。
2、搜索 print.print_background,双击将其值由 false 改为 true。
3、继续搜索 print.print_background_images,同样双击设为 true。
方法二:补全兼容项(旧版本或策略加固环境必需)
1、在同一 about:config 页面,搜索 print.print_backgrounds(注意末尾无 s 或带 s 的变体),若存在且值为 false,双击改为 true。
2、再搜索 print.printer_Save_to_PDF.print_bgimages,若你常用“保存为PDF”,此项也必须为 true,否则 PDF 导出时背景照样消失。
改完关闭 about:config 标签页,无需重启浏览器,但需关闭所有已打开的打印预览窗口,再重新 Ctrl+P 才能应用新配置。
注入 userContent.css 强制覆盖网页自身 print 媒体查询
很多网站(如知乎、Notion 嵌入页、内部管理系统)在 @media print 里写了 background: none !important 或 print-color-adjust: economy,浏览器 UI 和 about:config 都拦不住。这时只能靠 CSS 注入硬覆盖。
第一步:定位并创建 userContent.css 文件
1、地址栏输入 about:support,点击“配置文件夹”旁的“打开文件夹”按钮。
2、在打开的文件夹中,新建名为 chrome 的子文件夹(若不存在)。
3、进入 chrome 文件夹,新建纯文本文件,命名为 userContent.css(注意扩展名必须是 .css,不能是 .css.txt)。
第二步:写入强制渲染规则并启用
1、用记事本打开 userContent.css,粘贴以下代码:
@media print { * { -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; } }
2、保存文件后,在 about:config 中搜索 toolkit.legacyUserProfileCustomizations.stylesheets,双击设为 true(部分新版本需此开关才能加载 userContent.css)。
3、必须重启火狐浏览器,否则注入样式不会生效——这是唯一需要重启的环节。



















