无法将背景颜色添加到 pdf 中的页眉/页脚答案

【问题标题】：cannot add background color to Header/Footer in pdf无法将背景颜色添加到 pdf 中的页眉/页脚
【发布时间】：2018-08-21 18:46:24
【问题描述】：

我正在尝试自定义页眉和页脚。但我无法将背景颜色添加到页脚。这就是我想要做的。

page.pdf({
    path: 'test.pdf',
    format: 'a4',
    landscape: '!data.isPortrait',
    footerTemplate: '<div class="footer" style="height:75px;position: absolute;top:auto;left:0px;right:0px;left:0px;background-color:red;">\ </div>',
    displayHeaderFooter: true,
    margin: {
        top: "75px",
        bottom: "75px"
    }
});

环境

Puppeteer version:1.1.0
Platform / OS version:ubuntu 16.04
Node.js version:8.9

【问题讨论】：

标签： node.js npm puppeteer

【解决方案1】：

要在 Puppeteer 中为页眉/页脚或页面添加背景颜色，我们需要添加一个额外的 css 属性，-webkit-print-color-adjust: exact。现在它工作正常。

【讨论】：