如何配置 puppeteer 以获得包含完整图像和样式的 pdf 页面？

Question

图像 - 2 - 和一些样式 - 1 - 在我使用 puppeteer 时无法加载 page.pdf. 即使如果我设置 page.waitForNavigation。

如果我将相同的代码与 page.screenshot 而不是 page.pdf 一起使用，它就可以工作！

节点 v8.5.0
木偶师 0.10.2（最新）

代码：

const puppeteer = require( 'puppeteer' );
const link = 'https://chrome.google.com/webstore/category/extensions?hl=pt-BR';
( async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto(link);
  await page.waitForNavigation({timeout: 120000, waitUntil: 'networkidle', networkIdleTimeout: 3000});
  await page.pdf({path: 'page.pdf'});

  // if I remove page.pdf and change to the line below it works!
  //await page.screenshot({fullPage: true, path: 'page.png'});

  browser.close();
})()

Answer 1

将 printBackground 参数设置为 true

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

如何配置 puppeteer 以获得包含完整图像和样式的 pdf 页面？

How can I config puppeteer to get pdf page with full images and styles?

javascript

node.js

puppeteer