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

Question

使用puppeteer page.pdf.时，图片 - 2 - 和某些样式 - 1 - 无法加载即使我设置了page.waitForNavigation 。


如果我使用page.screenshot而不是page.pdf使用相同的代码，则可以使用！

• Node v8.5.0
• Puppeteer 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 param设置为true

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