转换为pdf时，Chrome中标头上方的空白高度

Question

转换为pdf时，Chromium / Chrome标题上方可见的空白大小是多少？是在源代码中的某处进行硬编码的吗？

Space above header

Answer 1

页眉是页面空白的一部分，可以在调用page.pdf时指定。默认情况下，此值设置为无边距。

例如：要确保标题的顶部有20mm个空格，您可以使用以下代码：

await page.pdf({
    displayHeaderFooter: true,
    headerTemplate: '<div style="font-size:10mm;">Some header text</div>',
    margin: {
        top: '20mm',
        bottom: '0',
        right: '0',
        left: '0'
    },
    path: 'file.pdf',
});

---

如果您对Chrome的默认边距感兴趣，可以将它们用于伪装，请从“默认”切换到“自定义”（0.4 inch）时，在打印对话框中找到它们：

Answer 2

由于template中存在用于转换为pdf的样式标签，因此添加了空白。