Com fer una captura de pantalla d'un lloc web amb dimensions específiques mitjançant Google Chrome

Com fer una captura de pantalla amb Google Chrome

Si sou una agència o una empresa que té una cartera de llocs o pàgines que voleu compartir en línia, probablement hàgiu patit el dolor d’intentar capturar uniformes captures de pantalla de cadascun dels llocs.

Un dels clients amb els quals treballem compilacions allotjades Solucions Intranet que es pot allotjar internament dins dels límits d'una empresa. Les intranets són molt útils per a les empreses per comunicar notícies sobre l'empresa, distribuir informació de màrqueting, proporcionar informació sobre avantatges, etc.

Vam ajudar a OnSemble a migrar la seva solució Intranet des del lloc web de la seva empresa matriu. Va ser un ampli projecte que incorpora des de la creació de nous perfils socials, l’actualització de Marketo i desmuntatge de part del desenvolupament personalitzat que havien fet en el passat per combinar els seus llocs.

Captures de pantalla del client amb Google Chrome

És possible que no us n'adoneu, però podeu capturar captures de pantalla perfectes amb el conjunt integrat d'eines robustes per a desenvolupadors de Google Chrome. Curiosament, no és una característica molt coneguda tot i que té una flexibilitat increïble.

A continuació, es mostra un ràpid tutorial de vídeo sobre com fer una captura de pantalla perfecta i de mida específica d'una pàgina web mitjançant Google Chrome:

Passos per fer una captura de pantalla amb Google Chrome

Les eines per a desenvolupadors de Google Chrome tenen l'opció de previsualitzar un lloc mitjançant la barra d'eines del dispositiu. L'eina es va crear de manera que els desenvolupadors poguessin veure l'aspecte del lloc en diferents mides de visualització en diferents dispositius ... però també és una manera perfecta d'obtenir una captura de pantalla d'una mida web perfectament dimensionada.

En aquest cas, volem que cadascun dels clients clau d’OnSemble de les indústries que han construït bells llocs d’Intranet prengui una captura de pantalla perquè puguem mostrar-los tots dins d’una cartera al seu lloc web. Volem que les pàgines tinguin una amplada de 1200 px per 800 px. Per aconseguir-ho:

  1. Al botó de navegació de l'extrem dret (3 punts verticals), seleccioneu Personalitza i controla el menú.

Menú Eines per a desenvolupadors amb Google Chrome

  1. seleccionar Més eines> Eines per a desenvolupadors

Eines per a desenvolupadors amb Google Chrome

  1. Commuta el Barra d'eines del dispositiu per mostrar les opcions i dimensions del dispositiu.

Commuta la barra d'eines del dispositiu amb Google Chrome

  1. Establiu la primera opció a Sensible, definiu les dimensions a 1200 x 800 i premeu Intro. Ara la pàgina es mostrarà amb aquestes dimensions.

Barra d'eines de dispositius responsius Google Chrome

  1. A la part dreta de la barra d'eines del dispositiu, feu clic al botó de navegació (3 punts verticals) i seleccioneu Captura de pantalla.

Captura de pantalla amb Google Chrome

  1. Google Chrome farà una captura de pantalla perfecta i la deixarà al vostre descàrregues carpeta on podeu adjuntar-la i enviar-la per correu electrònic. Assegureu-vos de no seleccionar la captura de pantalla a mida completa, ja que ocuparà tota la longitud de la pàgina i ignorarà el límit d’alçada.

Dreceres de teclat de Google Chrome per a captures de pantalla

Si sou un mestre de dreceres de teclat, també podeu fer una captura de pantalla de pàgina completa amb aquestes dreceres. No m'agrada aquest enfocament, ja que no puc definir l'alçada màxima de la finestra gràfica ... però és útil si alguna vegada necessiteu una captura de pantalla de tota una pàgina.

Dreceres de teclat en un Mac:

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

Dreceres de teclat activades a Windows o Linux:

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

Què et sembla?

Aquest lloc utilitza Akismet per reduir el correu no desitjat. Esbrineu com es processa el vostre comentari.