Čo by ste mali vedieť
- Vyberte trojbodku Ponuka Viac > Ďalšie nástroje > Nástroje pre vývojárov. Kliknite na ikonu elipsy > Spustiť príkaz > zadajte „screenshot.“
- Vyberte typ: Snímka oblasti, Snímka obrazovky v plnej veľkosti, Snímka obrazovky uzla alebo Snímka obrazovky.
Tento článok vysvetľuje, ako vytvárať snímky obrazovky v prehliadači Microsoft Edge pomocou skrytého nástroja, ktorý sa nachádza v nástrojoch pre vývojárov.
Ako urobiť snímku obrazovky webovej stránky na Edge
Možnosť snímania celostránkových snímok webových stránok zo samotného prehliadača je neoceniteľná, pretože nie každý softvér na snímanie obrazovky odvádza čistú prácu s posúvateľným obsahom. Pomocou nástrojov pre vývojárov v Edge môžete vytvárať snímky celej obrazovky a tri ďalšie typy snímok obrazovky.
Prehliadač uloží obrazové súbory do predvoleného priečinka na sťahovanie vo vašom počítači alebo vás vyzve na zadanie konkrétneho umiestnenia.
-
Stlačením klávesu F12 alebo Ctrl + Shift + I na klávesnici v systéme Windows otvorte Nástroje pre vývojárov v Microsoft Edge. Používatelia systému macOS by mali používať klávesovú skratku Command + Option + I. K nástrojom pre vývojárov môžete pristupovať aj z panela nástrojov Edge. Vyberte trojbodku Viac > Ďalšie nástroje > Vývojárske nástroje
Image -
Na paneli nástrojov pre vývojárov vyberte ikonu troch bodiek v pravom hornom rohu a otvorte Prispôsobenie a ovládanie DevTools.
Image - Vyberte Spustiť príkaz (alebo stlačte Ctrl + Shift + P) zo zvislej ponuky.
-
Na paneli príkazov Spustiť zadajte „snímka obrazovky“, aby sa zobrazili štyri možné príkazy. Tieto štyri príkazy vám pomôžu vybrať časť webovej stránky, ktorú chcete zachytiť.
Image -
Vyberte Snímka obrazovky oblastizo zoznamu príkazov na vytvorenie snímky obrazovky konkrétnej oblasti. Pomocou nitkového kríža kliknite ľavým tlačidlom myši a nakreslite obrys snímky obrazovky. (Zvýraznili sme časť, aby sme vám ukázali, že sa zmení na tmavosivú, ale samozrejme zvýrazníte časť, ktorú chcete.)
Image - Zo zoznamu príkazov vyberte Zachyťte snímku obrazovky v plnej veľkosti a vytvorte snímku obrazovky v plnej veľkosti. Toto zachytí celú webovú stránku vrátane posúvateľného obsahu, ktorý nie je na obrazovke.
-
Na karte Elements vyberte zo zoznamu príkazov Capture node screenshot zo zoznamu príkazov na zachytenie vybraného HTML uzla v Dev Tools. Môžete tiež kliknúť pravým tlačidlom myši na vybraný uzol a vybrať Zachytiť snímku obrazovky uzla. Vyberte napríklad „triedu hlavičky“a zachyťte hlavičku webovej stránky.
Image - Vyberte Zachytiť snímku obrazovky zo zoznamu príkazov na vytvorenie snímky obrazovky aktívneho zobrazenia. Toto je oblasť, ktorá je viditeľná vo vnútri prehliadača a nezahŕňa posúvateľnú, ale neviditeľnú oblasť.
Tip:
Prehliadače Chromium ako Chrome a Edge vám tiež umožňujú emulovať iné zariadenia a ich rozlíšenia obrazovky. Môžete tiež použiť túto vlastnosť a príkazy snímky obrazovky a zachytiť, ako by webová stránka vyzerala na konkrétnom zariadení.
Vyberte Prepnúť emuláciu zariadenia na paneli nástrojov pre vývojárov (alebo stlačte Ctrl + Shift + M).
