Hvordan ta et skjermbilde på Google Chrome ved hjelp av utviklerverktøy

Innholdsfortegnelse:

Hvordan ta et skjermbilde på Google Chrome ved hjelp av utviklerverktøy
Hvordan ta et skjermbilde på Google Chrome ved hjelp av utviklerverktøy
Anonim

What to Know

  • På en PC: Trykk Ctrl + Shift + I og deretter Ctrl + Shift P.
  • Mac: Trykk Command + Option + I og deretter Command + Shift P.
  • Skriv deretter "skjermbilde" for å se de fire skjermbilde alternativene.

Denne artikkelen forklarer hvordan du tar skjermbilder i Chrome ved hjelp av utviklerverktøy.

Hvordan bruke Chromes utviklerverktøy for å ta skjermbilder

Forskjellen mellom å bruke Print Screen-tasten og Chrome-verktøyet er at Chrome-skjermbildeverktøyet ikke inkluderer Chrome-nettleservinduets kantlinjer – bare innholdet på nettsiden. Hvis du bare vil fange sideinnholdet uten å redigere skjermbildene dine, kan utviklerverktøyene spare deg for et trinn.

Du kan bruke menyer eller hurtigtaster for å få tilgang til utviklerverktøyene.

  1. Trykk Ctrl + Shift + I på en PC, eller Command + Option + I på en Mac. Alternativt kan du klikke på menyikonet med tre prikker og velge Flere verktøy > Utviklerverktøy Hvis du gjør dette, åpnes Element Inspector-utviklermenyen, som viser nettsidens HTML-koding.

    Image
    Image
  2. Trykk deretter Ctrl + Shift P (PC) eller Command + Shift P (Mac) eller klikk på menyen med tre prikker for Customize And Control DevTools og velg Run Command.

    Image
    Image

    For bare et skjermbilde i vanlig eller full størrelse, klikk på menyikonet med tre prikker øverst på siden du vil fange, og velg Capture screenshot eller Ta skjermdump i full størrelse.

  3. Skriv "skjermbilde" for å se skjermbilde alternativene, som er:

    • Capture area screenshot
    • Capture full size screenshot
    • Capture node screenshot
    • Capture screenshot
    Image
    Image
  4. Rull ned for å velge skjermbildetypen du vil ta med musen eller piltastene på tastaturet.

Chrome Developer Screenshot- alternativer

Velg Capture area screenshot for å ta en del av skjermen. Bruk musen til å dra en boks rundt området du vil ta et skjermbilde av.

For å få et skjermbilde av en hel nettside, velg Capture full size screenshot. Dette alternativet lar deg få et bilde av en nettside som ikke passer komfortabelt på én skjerm.

Dette alternativet hadde blandede resultater i testingen vår, avhengig av nettstedet.

Hvis du vil ha et standard skjermbilde, velg Capture screenshot, som fanger det som er synlig på skjermen din.

Til slutt kan du få et skjermbilde av et HTML-element ved å velge Capture node screenshot.

Etter at du har tatt et skjermbilde, får du opp en Lagre-dialogboks. Velg en mappe og gi skjermbildet et filnavn. Alle skjermbilder tatt med utviklerverktøy er også tilgjengelige i Chromes nedlastingsbehandling.

Anbefalt: