木偶&谷歌Chrome无头:CSS @media对渲染PDF的影响

时间:2018-01-11 13:28:45

标签: javascript css pdf-generation puppeteer google-chrome-headless

我正在使用Puppeteer从HTML页面中呈现PDF。

在渲染为PDF之前,我将媒体类型指定为“屏幕”:

await page.emulateMedia('screen');

假设我有一个HTML页面,其中<body>元素具有白色背景。

在这些条件下,我是否正确期待这种造型:

@media screen {
  body {
    background: #ff0000;
  }
}

会让Puppeteer渲染一个PDF,其中元素的背景色为#ff0000吗?

我问,因为它在我的机器上不起作用,我想消除任何已知问题或其他问题。

1 个答案:

答案 0 :(得分:2)

您的假设是正确的,但是在尝试打印之前,请确保page.pdf()中的DATETIME选项设置为printBackground

否则,将不会打印background颜色和图形。

true