إنشاء ملفات PDF باستخدام محرك الدمى: انتظار اكتمال الصفحة

عند إنشاء ملفات 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,
});

باستخدام هذه التقنيات، يمكنك التأكد من أن محرك الدمى ينتظر تحميل الصفحة بالكامل قبل إنشاء ملف PDF، مما يؤدي إلى إنشاء مستند شامل ودقيق.