如何使用 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中文網其他相關文章！