Kako narediti posnetek zaslona spletnega mesta s posebnimi dimenzijami z Google Chromom

Če ste agencija ali podjetje s portfeljem spletnih mest ali strani, ki jih želite dati v skupno rabo v spletu, ste verjetno šli skozi muko, ko ste poskušali zajeti enotne posnetke zaslona vsakega mesta.

Ena od strank, s katero sodelujemo, gradi gostujoče intranetne rešitve, ki jih je mogoče interno gostiti v okviru podjetja. Intraneti so neverjetno koristni za podjetja pri sporočanju novic podjetja, distribuciji tržnih informacij, zagotavljanju informacij o ugodnostih itd.

Tej stranki smo pomagali preseliti njihov produkt intranetne rešitve s spletnega mesta matičnega podjetja. To je bil obsežen projekt, ki je vključeval vse od gradnje novih družabnih profilov, posodabljanja Marketa in nato razstavljanja nekaterih razvojnih del po meri, ki so jih naredili za združevanje svojih spletnih mest.

Eden ključnih korakov je bilo zagotoviti, da so na njihovem novem spletnem mestu vidno vidne odlične posnetke izdelkov intranetnih mest njihovih strank. Želeli smo zagotoviti, da je vsak posnetek zaslona enako širok in visok na celotnem spletnem mestu. To je lahko težavno ... razen če uporabljate Google Chrome.

Posnetki zaslona odjemalca z Google Chromom

Morda se tega ne zavedate, vendar lahko posnamete popolne posnetke zaslona z vgrajenim naborom robustnih orodij za razvijalce Google Chrome. Zanimivo je, da kljub neverjetni prilagodljivosti ni zelo znana lastnost. Funkcija vam omogoča tudi snemanje posnetkov vašega odzivnega mesta za določene dimenzije in velikosti zaslona.

Tukaj je kratka video vadnica o tem, kako narediti popoln posnetek zaslona spletne strani v določeni velikosti z Google Chromom:

Koraki za posnetek zaslona z Google Chromom

Orodja za razvijalce Google Chroma si lahko ogledajo predogled spletnega mesta v orodni vrstici naprave. Orodje je bilo ustvarjeno tako, da so razvijalci lahko videli, kako je spletno mesto videti v različnih velikostih vidnega polja v različnih napravah ... vendar je tudi popoln način, da dobite popoln posnetek zaslona spletne strani.

V tem primeru želimo, da vsaka od strankinih ključnih strank v panogah, ki so zgradile čudovita intranetna spletna mesta, naredi posnetek zaslona, ​​da jih lahko vse prikažemo v portfelju na njihovem spletnem mestu. Želimo, da so strani široke natančno 1200 slikovnih pik in visoke 800 slikovnih pik. Da bi to dosegli:

1. V skrajno desnem gumbu za krmarjenje (3 navpične pike) izberite Meni za prilagajanje in nadzor.

2. Izberite Več orodij> Orodja za razvijalce

3. Preklopi Orodna vrstica naprave za prikaz možnosti in dimenzij naprave.

4. Prvo možnost nastavite na Odzivno, nato nastavite dimenzije na 1200 x 800 in pritisnite Enter. Stran bo zdaj prikazana s temi dimenzijami.

4. Na desni strani orodne vrstice naprave kliknite navigacijski gumb (3 navpične pike) in izberite Zajem zaslona.

4. Google Chrome bo naredil popoln posnetek zaslona in ga spustil v vaš Moji Prenosi mapo, kamor jo lahko pripnete in pošljete po e-pošti. Prepričajte se, da ne izberete posnetkov zaslona v polni velikosti, saj bodo zavzeli celotno dolžino strani in prezrli omejitev višine.

Bližnjice na tipkovnici Google Chrome za posnetke zaslona

Če ste mojster bližnjic na tipkovnici, lahko s temi bližnjicami posnamete celostranski posnetek zaslona. Ta pristop mi ni všeč, ker ne morem nastaviti največje višine vidnega polja ... vendar pride prav, če kdaj potrebujete posnetek zaslona celotne strani.

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

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