使用 Puppeteer 生成 PDF：等待页面完成

使用 Puppeteer 从网页创建 PDF 时，等待页面完全加载以确保完整性至关重要以及生成文档的准确性。让我们深入研究如何在不诉诸手动延迟的情况下实现此目的。

page.waitForNavigation() 方法提供了一种可靠的方法来等待页面导航事件，包括初始页面加载。通过使用networkidle0选项，我们指定该函数应该等待，直到不再有活动的网络连接。

await page.goto(fullUrl, {
  waitUntil: 'networkidle0',
});

页面加载后，我们可以填写登录表单并提交。

await page.type('#username', 'scott');
await page.type('#password', 'tiger');
await page.click('#Login_Button');

接下来，我们可以添加一个额外的 waitForNavigation() 调用以确保登录过程完成。

await page.waitForNavigation({
  waitUntil: 'networkidle0',
});

最后，我们可以继续生成 PDF。

await page.pdf({
  path: outputFileName,
  displayHeaderFooter: true,
  headerTemplate: '',
  footerTemplate: '',
  printBackground: true,
  format: 'A4',
});

如果遇到需要在 PDF 中包含某些动态内容的情况，您可以使用 page.waitForSelector() 来补充此方法，以等待特定元素出现在页面上，然后再生成PDF.

await page.waitForSelector('#example', {
  visible: true,
});

通过利用这些技术，您可以确保 Puppeteer 在生成 PDF 之前等待页面完全加载，从而生成全面且准确的文档。