Cómo tomar una captura de pantalla de un sitio web con dimensiones específicas usando Google Chrome

Cómo tomar una captura de pantalla con Google Chrome

Si es una agencia o una empresa que tiene una cartera de sitios o páginas que desea compartir en línea, probablemente haya pasado por la molestia de intentar capturar uniformes capturas de pantalla de cada uno de los sitios.

Uno de los clientes con los que estamos trabajando se compila alojado Soluciones de intranet que se pueden alojar internamente dentro de los límites de una empresa. Las intranets son increíblemente útiles para que las empresas comuniquen noticias de la empresa, distribuyan información de marketing, proporcionen información sobre beneficios, etc.

Ayudamos a OnSemble a migrar su solución de intranet fuera del sitio web de su empresa matriz. Fue un proyecto extenso que incorporó todo, desde crear nuevos perfiles sociales, actualizar Marketo y luego desensamblar parte del desarrollo personalizado que habían hecho en el pasado para combinar sus sitios.

Capturas de pantalla del cliente con Google Chrome

Es posible que no se dé cuenta de esto, pero puede capturar capturas de pantalla perfectas con el conjunto integrado de herramientas robustas para desarrolladores de Google Chrome. Curiosamente, no es una característica muy conocida a pesar de tener una flexibilidad asombrosa.

Aquí hay un video tutorial rápido sobre cómo tomar una captura de pantalla perfecta, de tamaño específico, de una página web usando Google Chrome:

Pasos para tomar una captura de pantalla con Google Chrome

Las herramientas para desarrolladores de Google Chrome tienen la opción de obtener una vista previa de un sitio usando la barra de herramientas de su dispositivo. La herramienta se creó para que los desarrolladores pudieran ver cómo se veía el sitio en diferentes tamaños de ventanas gráficas en diferentes dispositivos ... pero resulta que también es una manera perfecta de obtener una captura de pantalla de tamaño perfecto de una página web.

En este caso, queremos que cada uno de los clientes clave de OnSemble en todas las industrias que han creado hermosos sitios de Intranet tome una captura de pantalla para que podamos mostrarlos todos dentro de una cartera en su sitio web. Queremos que las páginas tengan 1200 px de ancho por 800 px de alto. Para lograr esto:

  1. En el botón de navegación del extremo derecho (3 puntos verticales), seleccione el Menú de control y personalización.

Menú de herramientas para desarrolladores con Google Chrome

  1. Seleccionar Más herramientas> Herramientas para desarrolladores

Herramientas para desarrolladores con Google Chrome

  1. Alternar el Barra de herramientas del dispositivo para que aparezcan las opciones y dimensiones del dispositivo.

Alternar la barra de herramientas del dispositivo con Google Chrome

  1. Establezca la primera opción en Sensible, luego establezca las dimensiones en 1200 x 800 y presione enter. La página ahora se mostrará con esas dimensiones.

Barra de herramientas del dispositivo de respuesta Google Chrome

  1. En el lado derecho de la barra de herramientas del dispositivo, haga clic en el botón de navegación (3 puntos verticales) y seleccione Captura de pantalla.

Captura de pantalla con Google Chrome

  1. Google Chrome tomará una captura de pantalla perfecta y la colocará en su Descargas carpeta donde puede adjuntarlo y enviarlo en un correo electrónico. Asegúrese de no seleccionar la captura de pantalla de tamaño completo, ya que ocupará toda la longitud de la página e ignorará su límite de altura.

Atajos de teclado de Google Chrome para capturas de pantalla

Si eres un maestro de los atajos de teclado, también puedes tomar una captura de pantalla de página completa con estos atajos. No me gusta este enfoque porque no puedo establecer la altura máxima de la ventana gráfica ... pero es útil si alguna vez necesitaste una captura de pantalla de una página completa.

Atajos de teclado en una Mac:

1. Alt + Command + I 
2. Command + Shift + P

Accesos directos de teclado en Windows o Linux:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

¿Qué piensas?

Este sitio usa Akismet para reducir el correo no deseado. Descubra cómo se procesan los datos de sus comentarios.