Co je dobré vědět
- Vyberte tři tečky Menu více > Další nástroje > Vývojářské nástroje. Klikněte na ikonu se třemi tečkami > Spustit příkaz > zadejte "screenshot."
- Vyberte typ: Oblastní snímek obrazovky, Snímek obrazovky v plné velikosti, snímek obrazovky uzlu nebo snímek obrazovky.
Tento článek vysvětluje, jak pořizovat snímky obrazovky v Microsoft Edge pomocí skrytého nástroje schovaného uvnitř nástrojů pro vývojáře.
Jak pořídit snímek obrazovky webové stránky na Edge
Schopnost pořizovat celostránkové snímky webových stránek ze samotného prohlížeče je neocenitelná, protože ne každý software pro snímání obrazovky odvádí čistou práci s rolovatelným obsahem. Pomocí nástrojů pro vývojáře v Edge můžete pořizovat snímky celé stránky a tři další typy snímků obrazovky.
Prohlížeč uloží soubory obrázků do výchozí složky pro stahování ve vašem počítači nebo vás vyzve k zadání konkrétního umístění.
-
Stisknutím klávesy F12 nebo Ctrl + Shift + I na klávesnici v systému Windows otevřete Nástroje pro vývojáře v Microsoft Edge. Uživatelé macOS by měli používat klávesovou zkratku Command + Option + I. K nástrojům pro vývojáře můžete také přistupovat z panelu nástrojů Edge. Vyberte třítečku Více > Další nástroje > Vývojářské nástroje
Image -
Na panelu nástrojů pro vývojáře vyberte ikonu tří teček vpravo nahoře a otevřete Přizpůsobení a ovládání DevTools.
Image - Z vertikální nabídky vyberte Spustit příkaz (nebo stiskněte Ctrl + Shift + P).
-
Na panelu příkazů Spustit zadejte „snímek obrazovky“, abyste zobrazili čtyři možné příkazy. Tyto čtyři příkazy vám pomohou vybrat část webové stránky, kterou chcete zachytit.
Image -
Ze seznamu příkazů vyberte Zachytit snímek oblasti a pořiďte snímek obrazovky konkrétní oblasti. Pomocí zaměřovacího kříže klikněte levým tlačítkem a nakreslete obrys pro snímek obrazovky. (Zvýraznili jsme část, abychom vám ukázali, že se změní na tmavě šedou, ale samozřejmě zvýrazníte část, kterou chcete.)
Image - Vyberte ze seznamu příkazů Pořídit snímek obrazovky v plné velikosti a pořídit snímek obrazovky v plné velikosti. Tím se zachytí celá webová stránka, včetně rolovatelného obsahu, který není na obrazovce.
-
Ze seznamu příkazů pro zachycení vybraného HTML uzlu v nástrojích pro vývojáře vyberte na kartě Elements Capture node screenshot. Můžete také kliknout pravým tlačítkem myši na vybraný uzel a vybrat Zachytit snímek obrazovky uzlu. Vyberte například „třídu záhlaví“a zachyťte záhlaví webové stránky.
Image - Vyberte Zachytit snímek obrazovky ze seznamu příkazů pro pořízení snímku obrazovky aktivního zobrazení. Toto je oblast, která je viditelná uvnitř prohlížeče a nezahrnuje rolovací, ale neviditelnou oblast.
Tip:
Prohlížeče Chromium jako Chrome a Edge vám také umožňují emulovat jiná zařízení a jejich rozlišení obrazovky. Můžete také použít tuto vlastnost a příkazy pro snímky obrazovky a zachytit, jak by webová stránka vypadala na konkrétním zařízení.
Vyberte Přepnout emulaci zařízení na panelu nástrojů pro vývojáře (nebo stiskněte Ctrl + Shift + M).
