如何使用 Puppeteer 從單頁應用程式產生 PDF？

使用Puppeteer 從單頁應用程式產生PDF

建立單頁應用程式(SPA) 在產生PDF 時面臨挑戰，因為內容是動態載入的。本文解決了導出 PDF 之前確保頁面完全載入的問題。

方法：

解決此問題的關鍵在於等待頁面載入完全載入。我們可以利用 Puppeteer 的 page.waitForNavigation() 方法，而不是使用固定延遲進行猜測（例如，await page.waitFor(2000);）。

實現：

要在生成PDF 之前等待頁面加載，請使用以下程式碼：

<code class="javascript">await page.waitForNavigation({
  waitUntil: 'networkidle0',
});</code>

這將暫停執行，直到頁面完成載入並且所有網路活動停止。

其他注意事項：

• waitForSelector()：如果在產生PDF 之前需要渲染特定元素，請考慮使用page .waitForSelector() 以確保其可見性：

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

• waitForNetworkIdle() 與waitForNetworkIdle2()：Puppeteer 提供一個與waitForNetworkIdle2()
：Puppeteer 提供一個隨身碟的兩種變體：workid 。 networkidle0等待所有網路請求完成，而networkidle2等待更長的時間，確保所有載入後任務都已解決。

結論：

透過利用page.waitForNavigation() 和可選的page.waitForSelector()，您可以確保僅在頁面完全載入時才產生PDF，從而準確地捕獲單頁應用程式的動態內容。

以上是如何使用 Puppeteer 從單頁應用程式產生 PDF？的詳細內容。更多資訊請關注PHP中文網其他相關文章！