Chrome打印到pdf的全页正文:省略为页眉和页脚保留的区域？
我不想只是抑制/禁用正在运行的页眉和页脚文本。我已经设置了以下CSS：
@page {
size: 6.6in 4.25in;
margin: 0;
}(是的，我正在设置自定义页面大小)
--print-to-pdf-no-header不做我要做的事。
我猜，“在封面下”，Chrome定义了一个页面布局，用于打印成PDF格式，其中包括页眉和页脚的固定区域。我想要覆盖那个页面布局，以省略那些区域；忽略那些当前无法使用的空白条跨越页面的顶部和底部。我想让身体占据整个版面。
我更愿意通过一个chrome --headless --print-to-pdf命令行来完成这个任务，但是如果需要的话，我准备使用另一种方法(Puppeteer?)。
我在Windows 10上运行Chrome100.4896.60(正式构建)(64位)。
Update (2022-04-28)：如果我使用一个SVG (.svg)文件作为输入，而不是viewBox，那么我可以使SVG占据整个空间(尽管它对页面的宽度和高度进行了严格的调整以与viewBox区段相对应)。但是对于HTML文件(我在HTML中填充了零的所有边距)，这些上边距和下边距顽固地保留在PDF中:我无法像SVG输入的那样适合PDF页面。
回答 1
Stack Overflow用户
发布于 2022-11-03 01:41:36
我接受了您关于html颜色的评论，但是请注意，它在html中不可见，在顶部没有打印预览，也没有通过代码片段使用(除非您打开背景)，但是在--headless PDF打印输出页面中肯定是可见的。
我还使用了一个不同的尺寸演示，并为那些喜欢他们，删除或隐藏的人提供一个打印按钮。
注意:没有页边距，顶部的文本行具有自然的前导(上下)，通常不能删除(不添加少量内容)，即使在!宽度超过页面边界的行尾有溢出！
const buttonPrintOrSaveDocument = document.querySelector(
".button-print-or-save-document"
);
function printOrSave() {
window.print();
}
buttonPrintOrSaveDocument.addEventListener("click", printOrSave);@media print { @page {
size: 125px 100px ;
margin: 0!important; } body { margin: 0!important;} html { background-color: lightblue;}}Hello World!
<br><button class="button-print-or-save-document">Print or Save Document</button>
如果您将演示高度设置为53 If，您将看到周围没有边距。
https://stackoverflow.com/questions/71817211
复制相似问题
腾讯云开发者
