没有显示本地html的puppeteer 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

将nodeChanges->insert(additions.begin(), additions.end()); 添加到您的printBackground: true通话中

page.pdf

问题不在于CSS，而是显示CSS，但是当您打印页面时，背景将被删除。尝试将await page.pdf({path: 'hn.pdf', format: 'A4', printBackground: true});添加到CSS中，您会看到CSS起作用。