Navegador headless

Un navegador headless es un navegador web que se ejecuta sin ventana visible y se controla mediante código. Usa el mismo motor que el navegador normal: analiza el HTML, ejecuta JavaScript, calcula la maquetación y renderiza los píxeles, pero los dibuja en un búfer fuera de pantalla.

Chrome y Firefox tienen modos headless. Los programas los controlan mediante protocolos como Chrome DevTools Protocol, WebDriver y WebDriver BiDi. Bibliotecas como Puppeteer, Playwright y Selenium envuelven estos protocolos en una API de programación.

Como no se dibuja nada en pantalla, un navegador headless puede ejecutarse en servidores y en pipelines de CI que no tienen pantalla.

Cómo funcionan los navegadores headless

1. Un script inicia el navegador en modo headless.
2. Abre una página, define el tamaño de la ventana gráfica y carga una URL.
3. Espera un evento, como el evento load o la ausencia de actividad de red.
4. Ejecuta acciones, como clics o desplazamientos, y después solicita una captura de pantalla o un PDF.
5. Cierra la página o el navegador.

Dónde se usan los navegadores headless

• Pruebas automatizadas que comprueban páginas y flujos.
• Capturas programadas para monitorización y archivo.
• Generación de PDF e imágenes de vista previa social a partir de HTML.
• Recopilación de datos públicos de páginas que necesitan JavaScript para renderizarse.

Headless frente a navegador con ventana

	Headless	Con ventana visible
Necesita pantalla	No	Sí
Velocidad en lotes	Normalmente más rápido	Más lento
Depuración	Más difícil, no hay nada que ver	Más fácil
Detección por los sitios	Más probable	Menos probable

Algunos sitios detectan los navegadores headless y sirven contenido distinto o los bloquean. Las fuentes y las funciones de GPU también pueden diferir de un navegador de escritorio, así que la misma página puede renderizarse de forma ligeramente distinta.

Errores comunes

• Capturar en el evento load en páginas que siguen cargando contenido.
• Olvidar definir la ventana gráfica, de modo que cada captura usa un tamaño predeterminado.
• Ejecutar muchos navegadores a la vez en un equipo pequeño.
• Faltan fuentes en los servidores, lo que cambia la maquetación del texto.

¿Tomas las mismas capturas una y otra vez?

Website Capture de Temposhot carga URL en navegadores locales gestionados en tu Mac sin código, con de 1 a 10 Concurrent browsers. Consulta la automatización de capturas de sitios web.

Preguntas frecuentes

¿Necesito escribir código para usar un navegador headless?

Bibliotecas como Puppeteer y Playwright requieren código. Las herramientas de escritorio y los servicios de capturas ocultan esa capa.

¿Una captura headless es idéntica a una normal?

A menudo es muy parecida, pero las fuentes, el renderizado por GPU y el comportamiento del sitio pueden diferir.

Fuentes

• Headless browser (Wikipedia)
• Puppeteer
• Playwright

Recursos relacionados

• Automatizar capturas de sitios web con Playwright: un ejemplo con código.
• Automatizar capturas de sitios web con Puppeteer: un ejemplo con código.
• Inicio rápido de Website Capture: la opción sin código.