Capture capturas de pantalla de desplazamiento de página web a tamaño completo en Chrome

Tabla de contenido:

Anonim

El navegador Google Chrome ofrece dos formas de capturar capturas de pantalla de tamaño completo de la página web. Esto puede ser necesario o útil para muchos trabajadores de la web, ya sean desarrolladores, diseñadores, editores, gerentes, escritores, analistas o cualquier otro trabajo posible basado en la web.

Los enfoques que cubriremos para capturar capturas de pantalla de página web de tamaño completo con Chrome requieren la versión completa de Chrome para cualquier dispositivo de escritorio, que incluye Mac, Windows, Linux y Chromebook.No se requieren complementos, ya que usaremos herramientas de desarrollo integradas con Chrome.

note que estamos cubriendo el navegador Chrome aquí para escritorio. También puede tomar capturas de pantalla de página completa con Firefox, Safari en Mac y Safari para iPhone y iPad, si lo necesita o lo prefiere.

Cómo capturar capturas de pantalla con desplazamiento de tamaño completo en Chrome

¿Listo para obtener una captura de pantalla de tamaño completo de una página web en Chrome? Esto es lo que debe hacer:

  1. Abrir Chrome Developer Tools (Ver > Developer > Developer Tools)
  2. Haga clic en el botón Modo de diseño receptivo en el cajón de herramientas para desarrolladores
  3. Desplácese hacia abajo por toda la página web para que se carguen todas las imágenes (esto es importante para capturar imágenes de carga diferida, una técnica común utilizada para acelerar las páginas web)
  4. Haga clic en los tres puntos verticales en la esquina superior derecha de la herramienta de diseño receptivo y elija "Capturar captura de pantalla a tamaño completo"
  5. La captura de pantalla a tamaño completo aparecerá en la carpeta de descargas predeterminada de Chrome

En la Mac, encontrará la captura de pantalla de tamaño completo de la página web disponible en Descargas de usuario, a menos que la haya cambiado manualmente.

Las dimensiones de la captura de pantalla capturada variarán según el dispositivo que elija en el modo de respuesta, por ejemplo, si eligió iPad Air y tomó una captura de pantalla de desplazamiento de tamaño completo de la página de inicio de osxdaily.com, su captura de pantalla puede ser alrededor de 2084 × 16439 píxeles. Obviamente, el estilo más largo de una página o

Si no se desplaza a través de una página web completa, la captura de pantalla no capturará ninguna imagen con carga diferida, lo que hará que la captura de pantalla de la página completa sea incompleta y no representativa de lo que un usuario ve en la página.

Captura de capturas de pantalla de página completa en Chrome a través de la consola

Otra forma de tomar capturas de pantalla de página completa en Chrome es usar el comando "Ejecutar" de la consola del desarrollador y escribir "captura de pantalla", luego elegir "Capturar captura de pantalla de tamaño completo" de las opciones que aparecen. Asegúrese de desplazarse por toda la página web antes de hacer esto también.

Esta puede ser una mejor opción para algunos usuarios, pero es un poco más compleja para aquellos que están menos familiarizados con las líneas de comando.

¿Estos métodos para Chrome son más fáciles que los que están disponibles en Safari para Mac con herramientas para desarrolladores? ¿O el método súper simple de tomar capturas de pantalla completas de la página web en la Mac con Firefox? ¿O la forma aún más fácil de tomar capturas de pantalla de página completa con iPhone o iPad? Depende de usted decidir, y probablemente también dependa del navegador que use con más frecuencia y su dominio de cada uno de ellos.

Capture capturas de pantalla de desplazamiento de página web a tamaño completo en Chrome