La forma más rápida de capturar toda una página larga en Chrome no necesita extensión: abre DevTools con F12, pulsa Ctrl + Shift + P (Cmd + Shift + P en Mac), escribe «screenshot» y elige la opción de tamaño completo. Chrome guarda un único PNG alto con toda la página. Para muchas páginas o para CI, un script hace lo mismo con una opción. Cuando el resultado sale cortado, en blanco o con cabeceras repetidas, la causa casi siempre es la carga diferida, un límite de altura o un elemento fijo, y cada una tiene su arreglo más abajo.
Método 1: DevTools, sin instalar nada
- Abre la página y espera a que cargue por completo.
- Pulsa
F12para abrir DevTools. - Abre el menú de comandos con
Ctrl + Shift + P(Cmd + Shift + Pen Mac) y escribe «screenshot». - Elige Capture full size screenshot. Chrome descarga un PNG.
El mismo menú de comandos tiene opciones para el área visible y para un elemento seleccionado. La documentación de Chrome confirma que el menú se abre con esos atajos y que incluye el comando «Capture area screenshot», y los consejos de DevTools sobre capturas cubren la captura de una página completa, de un nodo y de un área.
Método 2: captura de página completa con ancho de móvil
Elige primero un dispositivo en la vista previa de arriba para revisar el diseño. Para capturar toda la página como la dibuja un móvil, usa el modo dispositivo: activa la barra de dispositivos con Ctrl + Shift + M (Cmd + Shift + M en Mac), elige un dispositivo, abre el menú More options y selecciona Capture full size screenshot. La documentación del modo dispositivo de Chrome incluye la misma opción, además de Show device frame para una captura con el contorno del móvil. La versión paso a paso, con consejos sobre densidad de píxeles y nombres de archivo, está en cómo hacer una captura de pantalla móvil de un sitio web.
Método 3: un script, para muchas páginas o CI
Si necesitas la misma captura de decenas de páginas, automatízala. En Playwright es una sola opción:
await page.screenshot({ path: 'page.png', fullPage: true });Define antes el viewport (por ejemplo { width: 390, height: 844 } para una captura del tamaño de un móvil) y el script genera una imagen por página en cada ejecución. La opción fullPage está documentada en la guía de capturas de Playwright.
Por qué la captura sale cortada, en blanco o repetida
Estos problemas vienen de cómo funciona una captura de página completa: el navegador amplía el viewport a la altura total y dibuja la página una vez, sin desplazarse. Un artículo sobre capturas de página completa en Puppeteer enumera las causas y los arreglos, válidos para cualquier captura basada en Chrome:
- Las imágenes de carga diferida se quedan como marcadores, porque se cargan al entrar en la zona visible y la captura nunca se desplaza. Desplázate hasta el final de la página y vuelve antes de capturar, y espera a que terminen de cargar las imágenes.
- Las páginas muy altas se recortan. El autor indica un límite por defecto de 16.384 píxeles en Puppeteer, y algunas configuraciones llegan a 32.768. Pasado eso, captura la página por secciones y únelas.
- Los elementos fijos y sticky se repiten o quedan mal colocados. Cámbialos a
position: absoluteu ocúltalos antes de capturar.
Qué método para cada tarea
| Tarea | Mejor método |
|---|---|
| Una página, una vez | Menú de comandos de DevTools |
| Una página con ancho de móvil | Modo dispositivo de DevTools |
| Decenas de páginas, o cada versión | Un script con fullPage: true |
| Página de más de unos 16.000 píxeles | Secciones unidas |
Preguntas frecuentes
¿Cómo capturo toda una página en Chrome sin extensión?
Abre DevTools, abre el menú de comandos con Ctrl + Shift + P, escribe «screenshot» y elige Capture full size screenshot.
¿Por qué faltan las imágenes en mi captura de página completa?
Son de carga diferida y nunca entraron en la zona visible. Desplázate por toda la página, espera a que carguen las imágenes y vuelve a capturar.
¿Puedo hacer una captura de página completa con tamaño de móvil?
Sí. Usa el modo dispositivo de DevTools, elige un dispositivo y selecciona Capture full size screenshot en el menú More options.
Fuentes: Chrome DevTools, menú de comandos, modo dispositivo y consejos sobre capturas; capturas de Playwright; capturas de página completa en Puppeteer, DEV Community, todas consultadas el 28 de octubre de 2026.