Snímky obrazovky sú flexibilným nástrojom pre každodenné úlohy, od predvádzania práce až po zdieľanie informácií. Snímky obrazovky môžete vytvárať pomocou príkazov klávesnice, aplikácií a rozšírení prehliadača, no skúsili ste niekedy urobiť snímky obrazovky priamo cez prehliadač Google Chrome?
Tu je scenár, potrebujete snímku obrazovky celej webovej stránky. Prečo to nespraviť naraz, namiesto toho, aby ste urobili viacero snímok obrazovky stránky, čo môže byť únavné? Tu sú nástroje pre vývojárov.
Táto príručka vysvetlí, ako môžete pomocou nástrojov pre vývojárov prehliadača Chrome jednoducho vytvoriť snímku obrazovky svojich webových stránok.
Vývojárske nástroje prehliadača Chrome sú výkonné integrované nástroje na ladenie zabudované do prehliadača Google Chrome. Nástroje umožňujú vývojárom testovať, ladiť a optimalizovať webové aplikácie, aby boli rýchlejšie a spoľahlivejšie.
Niektoré funkcie zahŕňajú prezeranie a úpravu kódu webovej stránky v reálnom čase, prezeranie jej sieťovej prevádzky a analýzu jej výkonu vrátane časov načítania a využitia pamäte.
Ak chcete urobiť snímku obrazovky webovej stránky pomocou nástrojov pre vývojárov v prehliadači Google Chrome, postupujte takto:
Najprv otvorte Google Chrome a potom prejdite na webovú stránku alebo konkrétnu webovú stránku. Potom kliknite pravým tlačidlom myši kdekoľvek na stránke a kliknite Skontrolujte v spodnej časti rozbaľovacej ponuky otvorte Nástroje pre vývojárov panel. Prípadne môžete použiť Ctrl + Shift + C.
Prepnite na Panel s nástrojmi zariadenia kliknutím na druhú ikonu v ľavom hornom rohu alebo Ctrl + Shift + M. Môžete vidieť, ako stránka vyzerá na rôznych zariadeniach, ako sú telefóny a tablety.
V ľavom hornom rohu sa nachádza rozbaľovacia ponuka tzv Rozmery. Po kliknutí naň sa zobrazí ponuka s rôznymi zariadeniami. Kliknutím na možnosť sa vám zobrazí, ako stránka vyzerá na danom zariadení. Môžete tiež vidieť šírku a výšku stránky a možnosť priblíženia a oddialenia.
V závislosti od vášho zariadenia bude možnosť šírky alebo výšky (alebo oboch) neplatná, čo vám zabráni zmeniť jej veľkosť.
Voliteľne si môžete vybrať zariadenie a orientáciu na vytvorenie snímky obrazovky Režim zariadenia. Keď ste spokojní s tým, ako všetko vyzerá, kliknite na tri zvislé bodky v lište rozmerov a kliknite na niektorú z nich Zachyťte snímku obrazovky alebo Zachyťte snímku obrazovky v plnej veľkosti.
Prípadne môžete použiť Ctrl + Shift + P otvorte ponuku príkazov a zadajte slovo snímka obrazovky v textovom poli. Keď zadáte slovo, všimnete si, že v rozbaľovacej ponuke sa objavia štyri typy možností snímania snímok obrazovky:
- Snímka obrazovky oblasti: urobí snímku obrazovky kontrolovaného prvku.
- Zachyťte snímku obrazovky v plnej veľkosti: urobí snímku obrazovky celej stránky.
- Zachytiť snímku obrazovky uzla: potiahnite zadanú oblasť stránky, ktorú chcete zachytiť.
- Zachyťte snímku obrazovky: urobí snímku obrazovky všetkého viditeľného obsahu na stránke.
Ak chcete získať širšiu snímku obrazovky stránky, upravte veľkosť panela Nástroje pre vývojárov. Môžete to urobiť tak, že umiestnite kurzor myši na pravú stranu zvislého posúvača, kým neuvidíte obojstrannú šípku. Kliknite naň a potiahnite panel doľava alebo doprava, aby ste zmenili veľkosť strany.
Snímka obrazovky sa automaticky uloží do vášho K stiahnutiu priečinok ako súbor obrázka PNG, pokiaľ ho nemáte akékoľvek problémy so sťahovaním súborov. Odtiaľ môžete vykonať akékoľvek úpravy obrázka.
Nový spôsob vytvárania snímok obrazovky v prehliadači Google Chrome
Vytvorenie snímky obrazovky pomocou nástrojov pre vývojárov prehliadača Google Chrome vám môže pomôcť urobiť viac a ušetriť čas. Poskytuje vám tiež nový spôsob vytvárania snímok obrazovky, či už ste vývojár, dizajnér alebo bežný používateľ.
Keď budete nabudúce potrebovať urobiť snímku obrazovky v inej orientácii alebo na inom zariadení, používanie nástrojov pre vývojárov je rýchly a efektívny spôsob, ktorý je vždy dostupný. Keď stiahneme súbory, uložia sa do nášho predvoleného priečinka Stiahnuté súbory. Ak však chcete priečinok zmeniť, môžete to jednoducho urobiť v prehliadači Google Chrome.