Кукольник CSS для местного HTML не появляется

Question

Я пытаюсь сгенерировать pdf, используя локальный html, но 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 работает.