Vad att veta
- Välj menyn med tre punkter Mer-menyn > Fler verktyg > Utvecklarverktyg. Klicka på ellipsikonen > Kör kommando > skriv "skärmdump."
- Välj en typ: Area screenshot, full size screenshot, nod screenshot or screenshot.
Den här artikeln förklarar hur man tar skärmdumpar på Microsoft Edge med hjälp av ett dolt verktyg inbäddat i utvecklarverktygen.
Hur man tar en skärmdump av en webbsida på Edge
Förmågan att ta helsidesskärmdumpar av webbsidor från själva webbläsaren är ovärderlig eftersom inte all skärmdumpsprogram gör ett rent jobb med rullningsbart innehåll. Du kan använda utvecklarverktygen i Edge för att göra helsidesskärmdumpar och tre andra typer av skärmdumpar.
Bläsaren sparar bildfilerna i standardmappen för nedladdning på din dator eller kommer att uppmana dig att ange en specifik plats.
-
Tryck på F12-tangenten eller Ctrl + Shift + I på ditt tangentbord i Windows för att öppna Utvecklarverktyg i Microsoft Edge. MacOS-användare bör använda kortkommandot Kommando + Alternativ + I. Du kan också komma åt utvecklarverktygen från verktygsfältet Edge. Välj de tre punkterna More > Fler verktyg > Utvecklarverktyg
Image -
I panelen för utvecklarverktyg, välj den tre-prickade ellipsikonen uppe till höger för att öppna Anpassa och kontrollera DevTools.
Image - Välj Kör kommando (eller tryck Ctrl + Shift + P) från den vertikala menyn.
-
Skriv "skärmdump" i kommandopanelen Kör för att visa de fyra möjliga kommandona. Dessa fyra kommandon hjälper dig att välja den del av webbsidan du vill fånga.
Image -
Välj Capture area screenshot från listan med kommandon för att ta en skärmdump av ett specifikt område. Använd hårkorset för att vänsterklicka och rita konturerna för skärmdumpen. (Vi har markerat ett avsnitt för att visa att det blir mörkgrå, men självklart kommer du att markera den del du vill ha.)
Image - Välj Capture full size screenshot från listan med kommandon för att ta en full size screenshot. Detta fångar hela webbsidan, inklusive rullningsbart innehåll som inte finns på skärmen.
-
Välj Capture node screenshot från listan med kommandon för att fånga en vald HTML-nod i Dev Tools från fliken Elements. Du kan också högerklicka på den valda noden och välja Capture node screenshot. Välj till exempel "header class" och fånga rubriken på webbsidan.
Image - Välj Capture screenshot från listan med kommandon för att ta en skärmdump av den aktiva vyn. Detta är området som är synligt i webbläsaren och inkluderar inte det rullningsbara men osynliga området.
Tips:
Chromium-webbläsare som Chrome och Edge låter dig också emulera andra enheter och deras skärmupplösningar. Du kan också använda den här egenskapen och skärmdumpkommandona och fånga hur en webbsida skulle se ut på en viss enhet.
Välj Växla enhetsemulering i verktygsfältet för utvecklare (eller tryck Ctrl + Shift + M)..
