Ako urobiť snímku obrazovky webu s konkrétnymi rozmermi pomocou prehliadača Google Chrome

Ako vytvoriť snímku obrazovky pomocou prehliadača Google Chrome

Ak ste agentúra alebo spoločnosť s portfóliom webov alebo stránok, ktoré chcete zdieľať online, pravdepodobne ste prešli snahou zachytiť uniformu. screenshoty každej z týchto lokalít.

Jeden z klientov, s ktorými spolupracujeme, je hostiteľom Intranetové riešenia ktoré môžu byť interne hostené v medziach spoločnosti. Intranety sú pre spoločnosti neuveriteľne užitočné pri komunikácii o novinkách spoločnosti, distribúcii marketingových informácií, poskytovaní informácií o výhodách atď.

Pomohli sme spoločnosti OnSemble migrovať ich intranetové riešenie z webových stránok ich materskej spoločnosti. Bol to rozsiahly projekt, ktorý zahŕňal všetko od budovania nových sociálnych profilov, aktualizácie Marketo a následného rozobratia niektorých vývojov na mieru, ktoré v minulosti robili pri kombinovaní svojich stránok.

Screenshoty klientov pomocou prehliadača Google Chrome

Možno si to neuvedomujete, ale pomocou integrovanej sady robustných vývojárskych nástrojov prehliadača Google Chrome môžete snímať dokonalé snímky obrazovky. Je zaujímavé, že to nie je veľmi známa funkcia, aj keď má úžasnú flexibilitu.

Tu je rýchly videonávod, ako pomocou prehliadača Google Chrome vytvoriť dokonalú snímku obrazovky webovej stránky so špecifickou veľkosťou:

Kroky na vytvorenie snímky obrazovky s prehliadačom Google Chrome

Nástroje pre vývojárov prehliadača Google Chrome majú možnosť zobraziť ukážku webu pomocou panela s nástrojmi zariadenia. Tento nástroj bol zostavený tak, aby vývojári mohli vidieť, ako web vyzeral v rôznych veľkostiach výrezov naprieč rôznymi zariadeniami ... ale stane sa tiež dokonalým spôsobom, ako získať dokonale veľkú snímku obrazovky webovej stránky.

V takom prípade chceme, aby každý z kľúčových klientov spoločnosti OnSemble v priemyselných odvetviach, ktoré vytvorili nádherné intranetové stránky, urobil snímku obrazovky, aby sme ich mohli všetky zobraziť v rámci portfólia na ich webových stránkach. Chceme, aby boli stránky široké 1200 800 pixelov a vysoké XNUMX pixlov. Aby ste to dosiahli, postupujte takto:

  1. Na úplne pravom navigačnom tlačidle (3 zvislé bodky) vyberte ikonu Prispôsobiť a ovládať ponuku.

Ponuka nástrojov pre vývojárov v prehliadači Google Chrome

  1. vybrať Viac nástrojov> Nástroje pre vývojárov

Nástroje pre vývojárov s prehliadačom Google Chrome

  1. Prepínať Panel nástrojov zariadenia aby ste priniesli možnosti a rozmery zariadenia.

Prepnúť panel s nástrojmi v prehliadači Google Chrome

  1. Prvú možnosť nastavte na Citlivý, potom nastavte rozmery na 1200 800 x XNUMX a stlačte kláves Enter. Stránka sa teraz zobrazí s týmito rozmermi.

Panel s nástrojmi responzívneho zariadenia Google Chrome

  1. Na pravej strane Panela s nástrojmi zariadenia kliknite na navigačné tlačidlo (3 zvislé bodky) a vyberte Zachytiť snímku obrazovky.

Zachyťte snímku obrazovky pomocou prehliadača Google Chrome

  1. Prehliadač Google Chrome vytvorí dokonalú snímku obrazovky a vloží ju do vášho na stiahnutie priečinok, do ktorého ho môžete pripojiť a odoslať e-mailom. Určite nevyberajte snímku obrazovky v plnej veľkosti, pretože to zaberie celú dĺžku stránky a bude ignorovať váš výškový limit.

Klávesové skratky Google Chrome pre snímky obrazovky

Ak ste majstrom klávesových skratiek, môžete pomocou týchto skratiek tiež vytvoriť celostránkovú snímku obrazovky. Nepáči sa mi tento prístup, pretože nemôžem nastaviť maximálnu výšku výrezu ... ale hodí sa, ak ste niekedy potrebovali snímku obrazovky celej stránky.

Klávesové skratky na počítači Mac:

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

Klávesové skratky zapnuté v systéme Windows alebo Linux:

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

Čo si myslíte?

Táto stránka používa Akismet na zníženie spamu. Zistite, ako sa spracúvajú údaje vašich komentárov.