如何使用 Puppeteer 从单页应用程序生成可靠的 PDF？

Puppeteer：通过等待页面完成来可靠地生成 PDF

许多基于 Web 的应用程序都面临着从网页高效生成 PDF 的问题。单页应用程序尤其在这方面提出了挑战。本文解决了这个问题，并为那些使用 Puppeteer 生成 PDF 的人提供了解决方案。

初步尝试和挑战

初始方法可能涉及使用 page.waitFor('networkidle2 '）等待网络活动稳定下来。但对于单页应用，这种方法往往无法等待页面完全加载，导致PDF文档被截断。

解决方案：等待导航

更可靠的解决方案是使用 page.waitForNavigation() 等待新页面完全加载后再生成 PDF：

<code class="python">await page.goto(fullUrl, {
  waitUntil: 'networkidle0',
});

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

await page.click('#Login_Button');

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

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

此方法确保仅在整个导航过程之后才生成 PDF已完成。

等待动态元素

在需要包含在 PDF 中的动态生成元素的情况下，可以使用 page.waitForSelector()确保在继续之前呈现内容：

<code class="python">await page.waitForSelector('#example', {
  visible: true,
});</code>

通过使用这些技术，开发人员可以可靠地从单页应用程序生成 PDF，确保在文档中捕获所有必要的内容。

以上是如何使用 Puppeteer 从单页应用程序生成可靠的 PDF？的详细内容。更多信息请关注PHP中文网其他相关文章！