如何在JavaScript中配置HTML打印的偏好设置？

嘿，这个问题问到点子上了！其实直接通过 window.print() 去控制浏览器打印对话框里的默认选项（比如自动勾选「Background graphics」、默认设为横向布局）是做不到的——毕竟这些属于浏览器的系统级设置，JavaScript没有权限去修改它们。不过别慌，我们可以用 CSS 打印媒体查询来实现类似的效果，让打印结果完全符合你的需求，甚至不需要用户手动调整那些选项。

用 CSS 的 @media print 媒体查询配合 @page 规则，就能强制页面打印时使用横向布局：

@media print {
  @page {
    size: landscape;
  }
}

这样设置后，用户打开打印对话框时，布局选项通常会默认显示为横向（部分浏览器可能需要用户确认，但实际打印出来的内容肯定是横向的）。

默认情况下，多数浏览器会禁用背景图形的打印，我们可以通过 CSS 强制开启这个功能：

@media print {
  body {
    /* 兼容 Chrome、Safari */
    -webkit-print-color-adjust: exact;
    /* 标准语法 */
    print-color-adjust: exact;
  }
}

这个属性会告诉浏览器必须打印背景颜色和图形，哪怕用户没勾选打印对话框里的「Background graphics」选项，最终打印结果也会包含这些元素。主流浏览器（Chrome、Firefox、Edge）现在都支持这个属性，旧版浏览器可能会有兼容问题，但基本不影响主流场景。

除了上面两个核心需求，还可以用媒体查询做更多打印优化：

• 隐藏不需要打印的元素：给不需要打印的元素加个 no-print 类，然后在打印样式里隐藏它：

@media print {
  .no-print {
    display: none !important;
  }
}

• 调整打印边距：通过 @page 规则设置页面边距，让打印内容更美观：

@media print {
  @page {
    margin: 1cm;
  }
}

总结一下：虽然我们没法直接修改打印对话框的默认勾选状态，但通过这些 CSS 规则，完全可以确保最终的打印效果符合你的要求，用户甚至不需要手动调整那些选项~

内容的提问来源于stack exchange，提问作者esilik