gpt4 book ai didi

javascript - Puppeteer 和 Google Chrome headless : influence of CSS @media on rendered PDF

转载 作者:行者123 更新时间:2023-11-29 11:00:20 25 4
gpt4 key购买 nike

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

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

await page.emulateMedia('screen');

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

在这种情况下,我期待这种样式是否正确:

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

将使 Puppeteer 呈现一个 PDF,其中元素的背景颜色为 #ff0000

我问是因为它不能在我的机器上运行,我想消除任何已知问题或其他问题。

最佳答案

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

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

await page.emulateMedia('screen');

await page.pdf({
path: 'example.pdf',
printBackground: true,
});

关于javascript - Puppeteer 和 Google Chrome headless : influence of CSS @media on rendered PDF,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/48208248/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com