本地 html 的人偶操纵者 css 没有出现

Question

我正在尝试使用本地 html 生成 pdf，但 css 未显示

 (async () => {
 var html = '<div style="width:500px; height:500px;background:blue">test</div>'
 const browser = await puppeteer.launch();
 const page = await browser.newPage();
 await page.setContent(html)
 await page.pdf({path: 'hn.pdf', format: 'A4'});

 await browser.close();
 })();

如何让 css 正常工作？

Answer 1

将 printBackground: true 添加到您的 page.pdf 通话中

await page.pdf({path: 'hn.pdf', format: 'A4', printBackground: true});

问题不在于 CSS，显示的是 CSS，但是当您打印页面时，背景被删除了。尝试将 color:red; 添加到您的 CSS，您会看到 CSS 有效。

本地 html 的人偶操纵者 css 没有出现

puppeteer css for local html is not showing up

puppeteer