如何清理网页打印输出并删除不需要的页眉和页脚？

简化打印：从 window.print() 中删除无关元素

尝试使用 window.print() 打印网页时，通常会遇到不需要的元素页眉或页脚，例如页面标题、文件路径、页码和日期。这些添加内容可能会使打印输出变得混乱并分散对预期内容的注意力。幸运的是，有一些技术可以消除这些干扰。

在 Chrome 中，最简单的解决方案是使用 CSS 来操作 @page 声明。通过将 margin 属性设置为 0，可以有效隐藏自动页眉和页脚。但是，由于正文延伸到页面的限制，因此建议包含边距或填充，以防止内容延伸得太靠近边缘。

例如：

@media print {
  @page { margin: 0; }
  body { margin: 1.6cm; }
}

请注意如果内容跨越多个页面，打印版本可能会显得不平衡，由于中间缺少上边距，边距会有所不同

虽然此方法在 Chrome 和某些最新版本的 Firefox 中运行良好，但它可能无法跨浏览器普遍兼容。为了获得更广泛的支持，请考虑创建和打印 PDF，它提供了更大的灵活性和对最终文档的控制。然而，这条路线有其自身的复杂性，并可能带来额外的挑战。

以上是如何清理网页打印输出并删除不需要的页眉和页脚？的详细内容。更多信息请关注PHP中文网其他相关文章！