Bagaimana untuk Menjana PDF daripada Aplikasi Satu Halaman dengan Puppeteer?

Menjana PDF daripada Aplikasi Satu Halaman dengan Puppeteer

Membina aplikasi satu halaman (SPA) memberikan cabaran apabila ia datang untuk menjana PDF kerana kandungan dimuatkan secara dinamik. Artikel ini menangani isu memastikan halaman dimuatkan sepenuhnya sebelum mengeksport PDF.

Pendekatan:

Kunci untuk menyelesaikan masalah ini terletak pada menunggu halaman itu untuk memuatkan sepenuhnya. Daripada meneka dengan kelewatan tetap (mis., tunggu page.waitFor(2000);), kita boleh menggunakan kaedah Puppeteer's page.waitForNavigation().

Pelaksanaan:

Untuk menunggu halaman dimuatkan sebelum menjana PDF, gunakan kod berikut:

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

Ini akan menjeda pelaksanaan sehingga halaman selesai dimuatkan dan semua aktiviti rangkaian telah berhenti.

Pertimbangan Tambahan:

• waitForSelector(): Jika terdapat elemen khusus yang perlu dipaparkan sebelum PDF dijana, pertimbangkan untuk menggunakan halaman .waitForSelector() untuk memastikan keterlihatannya:

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

• waitForNetworkIdle() vs. waitForNetworkIdle2(): Puppeteer menawarkan dua varian waitUntil: networkidle0 dan networkidle2. networkidle0 menunggu semua permintaan rangkaian selesai, manakala networkidle2 menunggu untuk tempoh yang lebih lama, memastikan semua tugasan pasca pemuatan telah diselesaikan.

Kesimpulan:

Dengan menggunakan page.waitForNavigation() dan, secara pilihan, page.waitForSelector(), anda boleh memastikan bahawa PDF anda dijana hanya apabila halaman dimuatkan sepenuhnya, menangkap kandungan dinamik aplikasi satu halaman dengan tepat.

Atas ialah kandungan terperinci Bagaimana untuk Menjana PDF daripada Aplikasi Satu Halaman dengan Puppeteer?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!