javascript-在puppeteer中的所有页面上呈现标头

当我将displayheaderfooter设置为true时,标题将不呈现.仅当我在CSS中将margin设置为@page时,它才起作用,但随后页面高度将由margin值增加,并且页面内容将在页面外部呈现.

是否有解决方案,使标题显示在每个页面上而没有错误？

最佳答案

您可以使用page.pdf的margin选项设置内容的空白.默认情况下,所有边的空白均为0,因此,如果您设置的页眉没有空白,则它将隐藏在页面内容的后面.

通过此选项设置的边距不会增加页面的高度.如果可能的话,我建议不要使用CSS中的@page规则,因为存在多个已知的错误(有关更多信息,请参见this answer).

代码样例

这是一个最小的示例,该示例为所有页面设置页眉,并将页边距设置为20mm以使其可见：

await page.pdf({
    displayheaderfooter: true,headerTemplate: '<div style="font-size:5mm;">Your header text</div>',margin: {
        top: '20mm'
    },path: 'example.pdf'
});