Como facer unha captura de pantalla dun sitio web con dimensións específicas usando Google Chrome

Como facer unha captura de pantalla con Google Chrome

Se es unha axencia ou unha empresa que ten unha carteira de sitios ou páxinas que desexas compartir en liña, probablemente pasaches a dor de intentar capturar uniformes screenshots de cada un dos sitios.

Un dos clientes cos que estamos a traballar aloxou compilacións Solucións intranet que se pode aloxar internamente dentro dos límites dunha empresa. As intranets son moi útiles para que as empresas poidan comunicar as novas da empresa, distribuír información de mercadotecnia, proporcionar información sobre beneficios, etc.

Axudamos a OnSemble a migrar a súa solución Intranet fóra do sitio web da súa empresa matriz. Foi un extenso proxecto que incorporou desde a creación de novos perfís sociais, a actualización de Marketo e logo a desmontaxe dalgúns dos desenvolvementos personalizados que fixeran no pasado para combinar os seus sitios.

Capturas de pantalla do cliente con Google Chrome

É posible que non te decates diso, pero podes capturar capturas de pantalla perfectas co conxunto integrado de ferramentas de desenvolvemento robustas de Google Chrome. Curiosamente, non é unha característica moi coñecida a pesar de ter unha flexibilidade incrible.

Aquí tes un rápido vídeo tutorial sobre como facer unha captura de pantalla perfecta e de tamaño específico dunha páxina web usando Google Chrome:

Pasos para facer unha captura de pantalla con Google Chrome

As ferramentas para desenvolvedores de Google Chrome teñen a opción de previsualizar un sitio mediante a barra de ferramentas do dispositivo. A ferramenta foi creada para que os desenvolvedores puidesen ver o aspecto do sitio en diferentes tamaños de pantalla en diferentes dispositivos ... pero tamén é un xeito perfecto de obter unha captura de pantalla perfectamente dimensionada dunha páxina web.

Neste caso, queremos que cada un dos principais clientes de OnSemble en todas as industrias que construíron fermosos sitios de Intranet faga unha captura de pantalla para que poidamos amosalos todos nunha carteira no seu sitio web. Queremos que as páxinas teñan 1200 px de ancho por 800 px de alto. Para lograr isto:

  1. No botón de navegación da dereita (3 puntos verticais), seleccione Personaliza e controla o menú.

Menú Ferramentas para programadores con Google Chrome

  1. seleccionar Máis ferramentas> Ferramentas para desenvolvedores

Ferramentas para desenvolvedores con Google Chrome

  1. Alternar o Barra de ferramentas do dispositivo para mostrar as opcións e dimensións do dispositivo.

Cambiar a barra de ferramentas do dispositivo con Google Chrome

  1. Estableza a primeira opción en Responsabilidade, logo axuste as dimensións a 1200 x 800 e prema Intro. A páxina amosarase agora con esas dimensións.

Barra de ferramentas de dispositivos responsivos Google Chrome

  1. Na parte dereita da barra de ferramentas do dispositivo, faga clic no botón de navegación (3 puntos verticais) e seleccione Captura de pantalla.

Captura de pantalla con Google Chrome

  1. Google Chrome fará unha captura de pantalla perfecta e deixaraa no seu transferencias cartafol onde pode anexalo e envialo por correo electrónico. Asegúrese de non seleccionar a captura de pantalla a tamaño completo xa que iso levará toda a páxina e ignorará o límite de altura.

Atallos de teclado de Google Chrome para capturas de pantalla

Se es un mestre de atallos de teclado, tamén podes facer unha captura de pantalla de páxina completa con estes atallos. Non me gusta este enfoque xa que non podo definir a altura máxima da ventá gráfica ... pero resulta moi útil se algunha vez precisou a captura de pantalla dunha páxina enteira.

Atallos de teclado nun Mac:

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

Atallos de teclado activados en Windows ou Linux:

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

¿Que pensas?

Este sitio usa Akismet para reducir o spam. Aprende a procesar os teus datos de comentarios.