Estudio de Puppeteer

• Control de Chrome/Chromium por DevTools
• Generación de PDFs y capturas
• Pruebas de rendimiento y automatización

• Automatización en el navegador
• Pruebas de rendimiento y e2e
• Capturas de pantalla y PDFs

Instalación: npm i puppeteer

import puppeteer from 'puppeteer';
const b = await puppeteer.launch();
const p = await b.newPage();
await p.goto('https://example.com');
await p.screenshot({ path: 'x.png' });
await b.close();

1. Captura de pantalla

Abre una web y guarda un screenshot.

import puppeteer from 'puppeteer';

const b = await puppeteer.launch();
const p = await b.newPage();
await p.setViewport({ width: 1280, height: 800 });
await p.goto('https://example.com', { waitUntil: 'networkidle2' });
await p.screenshot({ path: 'captura.png', fullPage: true });
await b.close();

2. Extraer datos (scraping)

Obtiene los títulos de los resultados de una página.

import puppeteer from 'puppeteer';

const b = await puppeteer.launch();
const p = await b.newPage();
await p.goto('https://example.com');
const titulos = await p.$$eval('h2', (els) => els.map((e) => e.textContent));
console.log(titulos);
await b.close();