¿Cómo funciona la depuración en Puppeteer?

Una depuración eficaz es fundamental cuando se trabaja con Puppeteer para garantizar una automatización fluida del navegador y el Scraping web. A continuación se indican algunas técnicas y prácticas recomendadas para depurar scripts de Puppeteer.

1. Aprovecha `console.log()` para obtener información

El uso de console.log() es una forma sencilla de realizar un seguimiento de los valores de las variables y los elementos a medida que se ejecuta el script de Puppeteer, lo que le ayuda a identificar problemas.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  // Registrar el título de la página
  const title = await page.title();
  console.log('Título de la página:', title);

  await browser.close();
})();

2. Habilita el registro detallado

La activación del registro detallado proporciona información exhaustiva sobre la ejecución del script, lo que facilita la resolución de problemas.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({
    args: ['--enable-logging', '--v=1'],
});
  const page = await browser.newPage();
await page.goto('https://example.com');

await browser.close();
})();

3. Implemente bloques Try-Catch

El uso de bloques try-catch puede ayudar a gestionar los errores con elegancia, asegurando que su script no se bloquee inesperadamente.

      const puppeteer = require('puppeteer');

(async () => {
  try {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://example.com');
    // Acciones adicionales
    await browser.close();
  } catch (error) {
    console.error('Se ha producido un error:', error);
  }
})();

4. Confirma la configuración del entorno

Asegúrese de que su entorno está configurado correctamente con las dependencias necesarias, como las últimas versiones de Node.js y Puppeteer.

npm list puppeteer

5. Utilice `page.waitForSelector()` para la sincronización

En lugar de setTimeout(), utilice page.waitForSelector() para esperar a que se carguen los elementos, lo que hará que su script sea más fiable.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  await page.waitForSelector('#element-id');
  await page.click('#element-id');

  await browser.close();
})();

6. Supervisa las solicitudes de red

Gestione los errores de red de forma eficaz supervisando las solicitudes fallidas con page.on('requestfailed').

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();

  page.on('requestfailed', request => {
    console.error('Solicitud fallida:', request.url(), request.failure().errorText);
});

await page.goto('https://example.com');
await browser.close();
})();

7. Valida el estado de la página

Compruebe regularmente el estado de la página para asegurarse de que coincide con sus expectativas antes de realizar más acciones.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.goto('https://example.com');

  const url = await page.url();
  if (url !== 'https://example.com') {
    console.error('Página incorrecta navegada');
  }

  await browser.close();
})();

8. Desactive Sandbox para mejorar la compatibilidad

Desactivar Sandbox puede ayudar a resolver problemas en determinados entornos, como cuando se ejecuta Puppeteer en contenedores.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch({ args: ['--no-sandbox'] });
  const page = await browser.newPage();
  await page.goto('https://example.com');

  await browser.close();
})();

9. Emule diferentes dispositivos

Simular varios dispositivos y tamaños de pantalla puede ayudar a identificar problemas de diseño y capacidad de respuesta.

      const puppeteer = require('puppeteer');

(async () => {
  const browser = await puppeteer.launch();
  const page = await browser.newPage();
  await page.emulate(puppeteer.devices['iPhone X']);
  await page.goto('https://example.com');

  await browser.close();
})();

10. Utilice mensajes de error claros

Proporcionar mensajes de error detallados puede ayudar a identificar rápidamente la causa raíz de los problemas en sus scripts de Puppeteer.

      const puppeteer = require('puppeteer');

(async () => {
  try {
    const browser = await puppeteer.launch();
    const page = await browser.newPage();
    await page.goto('https://example.com');
  } catch (error) {
    console.error('Se ha producido un error al navegar a la página:', error);
  }
})();

Siguiendo estas técnicas de depuración, podrá identificar y resolver de forma eficaz los problemas de sus scripts de Puppeteer, lo que garantizará una automatización del navegador y un Scraping web fiable.

Prueba gratuita Empiece con Google.