Skjermbilder er et fleksibelt verktøy for hverdagslige oppgaver, fra å vise frem arbeid til å dele informasjon. Du kan ta skjermbilder ved hjelp av tastaturkommandoer, apper og nettleserutvidelser, men har du noen gang prøvd å ta skjermbilder direkte gjennom Google Chrome?
Her er et scenario, du trenger et skjermbilde av en hel nettside. I stedet for å ta flere skjermbilder av siden, noe som kan være kjedelig, hvorfor ikke gjøre det på en gang? Her kommer utviklerverktøy inn.
Denne veiledningen vil forklare hvordan du kan bruke Chromes utviklerverktøy for å ta et skjermbilde av nettsidene dine enkelt.
Chromes utviklerverktøy er kraftige integrerte feilsøkingsverktøy innebygd i Google Chrome-nettleseren. Verktøyene tillater utviklere å teste, feilsøke og optimalisere nettapplikasjoner for å gjøre dem raskere og mer pålitelige.
Noen funksjoner inkluderer visning og redigering av en nettsides kode i sanntid, visning av nettverkstrafikken og analyse av ytelsen, inkludert lastetider og minnebruk.
For å ta et skjermbilde av en nettside ved hjelp av utviklerverktøyene i Google Chrome, følg trinnene nedenfor:
Først, åpne Google Chrome og gå deretter til et nettsted eller en bestemt nettside. Høyreklikk deretter hvor som helst på siden og klikk Undersøke nederst på rullegardinmenyen for å åpne Utviklerverktøy panel. Alternativt kan du bruke Ctrl + Shift + C.
Slå på Enhetsverktøylinje ved å klikke på det andre ikonet øverst til venstre eller Ctrl + Shift + M. Du kan se hvordan siden ser ut på forskjellige enheter, for eksempel telefoner og nettbrett.
Øverst til venstre er det en rullegardinmeny som heter Dimensjoner. Hvis du klikker på den, vises en meny med forskjellige enheter. Ved å klikke på et alternativ vil du se hvordan siden ser ut på den enheten. Du kan også se sidebredden og -høyden og et alternativ for å zoome inn og ut.
Avhengig av enheten din, vil bredde- eller høydealternativet (eller begge) bli annullert, og forhindrer deg i å endre størrelsen.
Eventuelt kan du velge enheten og retningen du vil ta et skjermbilde ved hjelp av Enhetsmodus. Når du er fornøyd med hvordan alt ser ut, klikker du på de tre vertikale prikkene i dimensjonslinjen og klikker enten Ta skjermbilde eller Ta skjermbilde i full størrelse.
Alternativt kan du bruke Ctrl + Shift + P for å åpne kommandomenyen og skrive inn ordet skjermbilde i tekstboksen. Når du skriver ordet ut, vil du legge merke til fire typer skjermdump-alternativer vises i en rullegardinmeny:
- Ta skjermbilde av området: tar et skjermbilde av et inspisert element.
- Ta skjermbilde i full størrelse: tar et skjermbilde av hele siden.
- Ta skjermdump av node: dra et spesifisert område av siden du vil fange.
- Ta skjermbilde: tar et skjermbilde av alt synlig innhold på siden.
For å få et bredere skjermbilde av siden, juster størrelsen på panelet for utviklerverktøy. Du kan gjøre dette ved å holde musen over høyre på den vertikale rullelinjen til du ser en dobbel-ended pil. Klikk på den og dra panelet til venstre eller høyre for å endre sidestørrelsen.
Skjermbildet lagres automatisk i din Nedlastinger mappe som en PNG-bildefil, så lenge du ikke har problemer med å laste ned filer. Derfra kan du gjøre eventuelle justeringer av bildet.
En ny måte å ta skjermbilder i Google Chrome
Å ta et skjermbilde med Google Chromes utviklerverktøy kan hjelpe deg med å få gjort mer og spare tid. Det gir deg også en ny måte å ta skjermbilder på, enten du er utvikler, designer eller vanlig bruker.
Neste gang du trenger å ta et skjermbilde i en annen retning eller på en annen enhet, er bruk av utviklerverktøy en rask og effektiv måte som alltid er tilgjengelig. Når vi laster ned filer, lagres de i vår standard nedlastingsmappe. Men hvis du vil endre mappen, kan du enkelt gjøre det i Google Chrome.
