Puppeteer页脚仅显示在最后一页

Question

我的Puppeteer的footerTemplate参数有问题：页脚仅显示在文档的最后一页。我希望它显示在文档的每一页上（好吧......一个页脚）。

也许我没有正确使用参数？

这是我的Puppeteer pdf代：

const browser = await puppeteer.launch();
const page = await browser.newPage();
await page.goto('http://localhost:8000/?' + parameters);
await page.pdf({
    path: path,
    format: 'A4',
    displayHeaderFooter: true,
    footerTemplate: '<h1>THIS IS A TEST</h1>'
});
await browser.close();

感谢您的帮助！

Answer 1

根据我对lib的经验，页眉/页脚会落后于页面内容。 尝试设置一些边距以使其可见：

await page.pdf({
    path: path,
    format: 'A4',
    displayHeaderFooter: true,
    footerTemplate: '<h1>THIS IS A TEST</h1>',
    margin : {
            top: '20px',
            right: '20px',
            bottom: '20px',
            left: '20px'
        };
});

Answer 2

我也遇到了这个问题，puppeteer 的边距设置对我不起作用，因为我的整个网页都是一张桌子。因此，即使我在 puppeteer 中设置了底部边距，页脚仍然在内容下方。我使用以下 CSS 修复了它：

@media print {
    @page {
        margin-bottom: 1.5rem;
    }
}

Answer 3

这是一个奇怪的问题，但能够重现它。

搜索文字时＃34;这是一项测试＆＃34;它的发现频率与PDF中的页面数量相同......但仅在最后一页上显示文本＆＃34;这是一个测试＆＃34;有一种颜色。

尝试 CTRL + F 或 CMD + F 并搜索＆＃34;这是测试＆ ＃34;

查看文档中的页面但未显示（由于搜索而标记）：

但在最后一页上可见：

gitHub上与您有关的问题puppeteer/issues/1853

Answer 4

我遇到了这个问题，我需要更改页边距

marginTop: 100,
marginBottom: 70

到

margin: {
        top: '100px',
        bottom: '70px',
    }