Cum să faceți o captură de ecran a unui site web cu dimensiuni specifice utilizând Google Chrome

Cum să faceți o captură de ecran cu Google Chrome

Dacă sunteți o agenție sau o companie care are un portofoliu de site-uri sau pagini pe care doriți să le distribuiți online, probabil ați trecut prin durerea de a încerca să captați uniforme capturi de ecran a fiecăruia dintre site-uri.

Unul dintre clienții cu care colaborăm găzduiește build-uri Soluții intranet care poate fi găzduit intern în limitele unei companii. Intranetele sunt incredibil de utile pentru companii pentru a comunica știrile companiei, a distribui informații de marketing, a furniza informații despre avantaje etc.

Am ajutat OnSemble să migreze soluția lor Intranet de pe site-ul companiei-mamă. A fost un proiect extins care a încorporat totul, de la crearea de noi profiluri sociale, actualizarea Marketo și apoi dezasamblarea unei anumite dezvoltări personalizate pe care o făcuseră în trecut pentru a-și combina site-urile.

Capturi de ecran ale clienților cu Google Chrome

Este posibil să nu vă dați seama de acest lucru, dar puteți captura capturi de ecran perfecte cu setul încorporat de instrumente robuste pentru dezvoltatori Google Chrome. Interesant este că nu este o caracteristică foarte cunoscută, deși are o flexibilitate uimitoare.

Iată un tutorial video rapid despre cum să faceți o captură de ecran perfectă, de dimensiuni specifice, a unei pagini web utilizând Google Chrome:

Pași pentru a face o captură de ecran cu Google Chrome

Instrumentele pentru dezvoltatori Google Chrome au opțiunea de a previzualiza un site folosind bara de instrumente a dispozitivului. Instrumentul a fost construit astfel încât dezvoltatorii să poată vedea cum arăta site-ul în diferite dimensiuni de vizualizare pe diferite dispozitive ... dar se întâmplă să fie și un mod perfect de a obține o captură de ecran perfect dimensionată a unei pagini web.

În acest caz, dorim ca fiecare dintre clienții cheie ai OnSemble din toate industriile care au construit site-uri frumoase Intranet să facă o captură de ecran, astfel încât să le putem afișa pe toate într-un portofoliu pe site-ul lor. Vrem ca paginile să aibă o lățime de 1200 px și o înălțime de 800 px. Pentru a realiza acest lucru:

  1. În butonul de navigare din dreapta (3 puncte verticale), selectați Personalizați și controlați meniul.

Meniul Instrumente pentru dezvoltatori cu Google Chrome

  1. Selectați Mai multe instrumente> Instrumente pentru dezvoltatori

Instrumente pentru dezvoltatori cu Google Chrome

  1. Comutați Bara de instrumente a dispozitivului pentru a afișa opțiunile și dimensiunile dispozitivului.

Comutați bara de instrumente a dispozitivului cu Google Chrome

  1. Setați prima opțiune la Sensibil, apoi setați dimensiunile la 1200 x 800 și apăsați Enter. Pagina va fi afișată acum cu acele dimensiuni.

Bara de instrumente pentru dispozitiv receptiv Google Chrome

  1. În partea dreaptă a Barei de instrumente pentru dispozitiv, faceți clic pe butonul de navigare (3 puncte verticale) și selectați Capture Screenshot.

Capturați captura de ecran cu Google Chrome

  1. Google Chrome va face o captură de ecran perfectă și o va introduce în Download folder în care îl puteți atașa și trimite într-un e-mail. Asigurați-vă că nu selectați captura de ecran întreagă, deoarece aceasta va dura întreaga lungime a paginii și va ignora limita de înălțime.

Comenzi rapide de la tastatură Google Chrome pentru capturi de ecran

Dacă sunteți un comandant de comenzi rapide de la tastatură, puteți face doar o captură de ecran pe toată pagina cu aceste comenzi rapide. Nu îmi place această abordare, deoarece nu pot seta înălțimea maximă a ferestrei ... dar este util dacă ai avut nevoie vreodată de o captură de ecran a unei pagini întregi.

Comenzi rapide de la tastatură pe un Mac:

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

Comenzi rapide de la tastatură activate în Windows sau Linux:

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

Ce părere ai?

Acest site folosește Akismet pentru a reduce spamul. Aflați cum sunt procesate datele despre comentarii.