转换为 pdf 时 chrome 中白色 space 高于 header 的高度

Question

转换为 pdf 时，Chromium/Chrome 中 header 上方可见的白色 space 的大小是多少？它是否在源代码中的某处进行了硬编码？

Space above header

Answer 1

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

举个例子：为了确保您的 header 顶部有 20mm 个 space，您可以使用以下代码：

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 的默认边距感兴趣以在 puppeteer 中使用它们，当您从 "Default" 切换到 "Custom" 时，您可以在打印对话框中找到它们(0.4 inch):

Answer 2

由于 template 中用于转换为 pdf 的样式标签，看起来添加了白色 space。