Aprende a tomar una captura de pantalla de un sitio web en código utilizando dos métodos de Browserless: la API REST /screenshot para un flujo único de POST a PNG, y Puppeteer en Browsers as a Service para un control programático completo. Este video muestra una demostración de cada uno y explica cuándo elegir cuál.
Lo que aprenderás:
1) Por qué page.screenshot devuelve imágenes en blanco en sitios web modernos
2) Cómo tomar una captura de pantalla de toda la página con una sola llamada a la API usando /screenshot
3) Cómo renderizar HTML directamente en una captura de pantalla sin una URL
4) Cómo conectar Puppeteer a Browserless BaaS y llamar a page.screenshot
5) Cómo capturar un solo elemento en la página usando un selector CSS
6) Cuándo usar la API REST Screenshot vs Puppeteer para tu flujo de trabajo de capturas de pantalla
Enlaces adicionales:
Capítulos:
00:00 Cómo tomar una captura de pantalla de un sitio web con Browserless (2 métodos)
01:12 Por qué page.screenshot devuelve imágenes en blanco en sitios modernos
02:08 Toma una captura de pantalla con la API /screenshot de Browserless
03:33 Toma una captura de pantalla y recorta la imagen
03:50 Toma una captura de pantalla de HTML sin procesar
04:20 Captura de pantalla con Puppeteer y page.screenshot usando BaaS
05:27 Realiza acciones y luego toma una captura de pantalla
05:52 Captura de pantalla de un elemento específico con Puppeteer
06:05 Cuándo usar la API de captura de pantalla vs Puppeteer
07:13 Resumen de la API de captura de pantalla y Puppeteer
Herramientas utilizadas en el video: Puppeteer, Node.js, cURL, API REST de captura de pantalla de Browserless
#Puppeteer #CapturaDePantalla #API #AutomatizaciónWeb #Browserless