Sådan tager du et skærmbillede på Google Chrome ved hjælp af udviklerværktøjer

Indholdsfortegnelse:

Sådan tager du et skærmbillede på Google Chrome ved hjælp af udviklerværktøjer
Sådan tager du et skærmbillede på Google Chrome ved hjælp af udviklerværktøjer
Anonim

Hvad du skal vide

  • På en pc: Tryk på Ctrl + Shift + I og derefter Ctrl + Shift P.
  • Mac: Tryk på Command + Option + I og derefter Command + Shift P.
  • Skriv derefter "skærmbillede" for at se de fire skærmbilleder.

Denne artikel forklarer, hvordan man tager skærmbilleder i Chrome ved hjælp af udviklerværktøjer.

Sådan bruger du Chromes udviklerværktøjer til at tage skærmbilleder

Forskellen mellem at bruge Print Screen-tasten og Chrome-værktøjet er, at Chrome-skærmbilledet-værktøjet ikke inkluderer Chrome-browservinduets grænser - kun websidens indhold. Hvis du kun vil fange sidens indhold uden at redigere dine skærmbilleder, kan udviklerværktøjerne spare dig et skridt.

Du kan bruge menuer eller tastaturgenveje til at få adgang til udviklerværktøjerne.

  1. Tryk på Ctrl + Shift + I på en pc, eller Command + Option + I på en Mac. Alternativt kan du klikke på menuikonet med tre prikker og vælge Flere værktøjer > Udviklerværktøjer Hvis du gør dette, åbnes Element Inspector-udviklermenuen, som viser websidens HTML-kodning.

    Image
    Image
  2. Tryk derefter Ctrl + Shift P (PC) eller Command + Shift P (Mac), eller klik på menuen med tre prikker for Customize And Control DevTools, og vælg Run Command.

    Image
    Image

    For kun et almindeligt eller fuld størrelse skærmbillede, skal du klikke på menuikonet med tre prikker øverst på den side, du vil fange, og vælge Capture screenshot eller Tag skærmbillede i fuld størrelse.

  3. Skriv "screenshot" for at se skærmbilledets muligheder, som er:

    • Capture area screenshot
    • Capture fuld størrelse screenshot
    • Capture node screenshot
    • Capture screenshot
    Image
    Image
  4. Rul ned for at vælge den type skærmbillede, du vil tage med din mus eller piletasterne på dit tastatur.

Chrome Developer Screenshot-indstillinger

Vælg Capture area screenshot for at få fat i en del af skærmen. Brug musen til at trække en boks rundt i det område, du vil tage et screenshot af.

For at få et skærmbillede af en hel webside skal du vælge Capture full size screenshot. Denne mulighed giver dig mulighed for at få et billede af en webside, der ikke passer behageligt på én skærm.

Denne mulighed havde blandede resultater i vores test, afhængigt af webstedet.

Hvis du vil have et standardskærmbillede, skal du vælge Capture screenshot, som fanger det, der er synligt på din skærm.

Endelig kan du få et skærmbillede af et HTML-element ved at vælge Capture node screenshot.

Når du har taget et skærmbillede, får du en Gem-dialogboks. Vælg en mappe og giv dit skærmbillede et filnavn. Alle skærmbilleder, der er taget ved hjælp af udviklerværktøjer, er også tilgængelige i Chromes download-manager.

Anbefalede: