javascript - 如何在 javascript 中打印带有首选项的 html？

Question

window.print(); 命令打开打印选项。如何为特定选项配置它？例如，如何在选中“背景图形”或将布局设为“横向”的情况下打开此选项？

Answer 1

您无权设置大部分打印选项，因为它们是浏览器无法访问的操作系统级详细信息。例如，无法直接切换“背景图形”复选框。

您确实可以控制打印时页面的外观，但是:

/* Background image will appear online: */
body {background-image: url('huge-image.jpg')} 
@media print {
    /* ...but not in print: */
    body {background-image: none}
}

CSS paged media规则应该允许控制页面大小和打印方向，但该规范有一段复杂的历史:它在 CSS2 中添加，在 CSS2.1 中缩小范围，已重新添加为 working draft in CSS3但是是never fully supported在某些浏览器中；在一天结束时，您需要根据具体情况测试所需的特定功能。 (例如，对于横向打印，您可能需要使用 transform: rotate() @page {size: landscape} 手动旋转内容，而不是尝试使用 as shown in this answer。)