javascript - 如何配置 puppeteer 以获取具有完整图像和样式的 pdf 页面？

Question

图像- 2 - 和一些样式- 1 - 在我使用 puppeteer 时不会加载，page.pdf.即使我设置了page.waitForNavigation. 如果我使用相同的代码而不是它的工作原理！


page.screenshotpage.pdf

• 节点 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 参数设置为 true

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