¿Cómo hacer capturas de pantalla en Puppeteer?

Hacer una captura de pantalla con Puppeteer es muy sencillo. Solo tienes que configurar la ventana gráfica del navegador y utilizar el método page.screenshot(). A continuación te mostramos cómo capturar una pantalla de la página de inicio de Bright Data:

      const puppeteer = require('puppeteer');

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

  // Establece las dimensiones de la ventana gráfica
  await page.setViewport({ width: 1920, height: 1080 });

  // Navega a la página de inicio de Bright Data.
  await page.goto('https://brightdata.com');
  
  try {
    // Captura y guarda la captura de pantalla.
    await page.screenshot({ path: 'brightdata_homepage.jpg' });
  } catch (err) {
    console.error(`Error al capturar la captura de pantalla: ${err.message}`);
} finally {
    await browser.close();
    console.log('Captura de pantalla capturada correctamente');
}
})();

Pasos para hacer una captura de pantalla en Puppeteer:

Instalar Puppeteer: Asegúrese de tener Puppeteer instalado en su proyecto.npm install puppeteer
Inicie el navegador: Inicie una nueva instancia del navegador con puppeteer.launch().
Abrir una nueva página: Utilice browser.newPage() para abrir una nueva página.
Configure la ventana gráfica: configure las dimensiones de la ventana gráfica utilizando page.setViewport({ width, height }).
Navega a la URL: navega a la URL deseada utilizando page.goto('tu-url-web').
Capturar captura de pantalla: utilice page.screenshot({ path: 'your-file-name.jpg' }) para capturar y guardar la captura de pantalla.
Gestionar errores: Envuelva la lógica de la captura de pantalla en un bloque try-catch para gestionar cualquier error.
Cerrar el navegador: cierre la instancia del navegador con browser.close().

Este método garantiza una forma rápida y fiable de capturar capturas de pantalla de páginas web utilizando Puppeteer. Para necesidades más avanzadas, el navegador de scraping web Puppeteer de Bright Data omite automáticamente los bloqueos de sitios web, gestionando la Resolución de CAPTCHA y las huellas digitales del navegador. Escale fácilmente utilizando una única API y la robusta red de Bright Data, lo que le ahorrará el coste de construir su propia infraestructura.

Prueba gratuita Empiece con Google.