JavaScript无法直接控制打印预览窗口，但可通过@media print样式和window.print()间接引导打印效果；需避免无效操作，高阶需求可选用jsPDF等生成PDF。
JavaScript 本身无法直接控制打印预览窗口的显示或样式（比如强制打开预览、隐藏按钮、修改缩放等），因为这是浏览器安全策略限制的——打印预览属于用户代理（UA）界面，JS 无权干预。但你可以通过合理配合 CSS 和少量 JS，**影响最终打印内容的呈现效果，并触发系统打印流程**，从而间接“引导”打印预览的行为。
用 @media print 精准控制打印内容
这是最核心、最可靠的方式。浏览器在进入打印预览时会自动应用 @media print 中的样式规则，隐藏非必要元素、调整布局、移除背景图和颜色（除非显式保留）：
- 用
display: none隐藏导航栏、广告、按钮等不需打印的区域 - 将字体大小设为
pt单位（如12pt），更符合印刷习惯 - 用
color: #000; background: transparent;确保文字清晰、节省墨水（可加!important提高优先级） - 避免使用
flex或grid复杂布局，改用语义化块级结构，提升兼容性
用 window.print() 触发打印流程
调用该方法会立即唤起浏览器的打印对话框（含预览），用户可手动调整设置：
- 适合放在「打印」按钮的点击事件里：
document.getElementById('printBtn').onclick = () => window.print(); - 注意：移动端 Safari 不支持
window.print()；部分安卓浏览器可能仅支持分享为 PDF - 可在调用前临时修改 DOM（如展开折叠内容、补全动态数据），再恢复——但预览中不会反映 JS 动画或过渡效果
避免常见陷阱
很多“控制预览”的尝试实际无效，需明确边界：
立即学习“Java免费学习笔记（深入）”；
- 不能用 JS 关闭打印预览窗口（
window.close()对其无效） - 不能通过 JS 获取用户在预览中选择的页码范围或打印机型号
-
beforeprint/afterprint事件可用于准备/还原页面状态，但无法阻止或定制预览 UI - 不要依赖
matchMedia('print').matches判断是否在预览中——它只在打印开始瞬间为true，且不可靠
进阶：生成 PDF 替代原生打印（可控性更强）
若需完全自定义输出（如固定页眉页脚、分页控制、嵌入字体），可考虑前端生成 PDF：
- 用 jsPDF + html2canvas 截图转 PDF（适合简单页面）
- 用 pdfmake 构建结构化 PDF（适合报表、合同等格式化强的内容）
- 注意：截图方案对跨域图片、CSS 变换、滚动区域支持有限；服务端渲染 PDF 更稳定，但需后端配合
