Slik skjermbilde på Chrome (trinn-for-trinn) - 2022-oppdatering

Slik skjermdumper du på Chrome

Hvis du noen gang har hatt behov for å ta skjermbilder av en hel nettside, vet du hvor upraktisk det er å måtte bla gjennom siden manuelt og ta flere skjermbilder.

Det er gode nyheter! Du kan bruke et par verktøy for å fange hele nettsider og gjøre livet ditt mye enklere.

Ett av disse verktøyene er innebygd i Chrome, mens det andre er en utvidelse.

Innebygd Chrome-alternativ

Fordelene med å bruke denne metoden inkluderer ikke å måtte laste ned en utvidelse, og verktøyet er et av de beste når det gjelder å ignorere klebrige stolper mens du ruller på nettstedet.

Slik tar du den i bruk:

  1. Klikk på de tre "flere" prikkene i øvre høyre hjørne av nettleservinduet.
  2. Et nytt vindu vises. Gå til «utviklerverktøy» og deretter «flere verktøy».
  3. Du vil se et nytt vindu med kode, og du vil være i en litt annen visningsmodus.
  4. Hvis siden fortsatt ikke ser riktig ut, klikker du på ikonet for "veksle enhetsverktøylinje" i utviklervinduets øverste venstre hjørne.
  5. Velg hvilken enhet du vil se skjermbildet på ved å bruke alternativet "responsiv modus". Bare sett den til "responsiv" for å bruke standarden.
  6. Du vil legge merke til en ny "mer"-knapp øverst til høyre på denne nye raden. For å få alt, klikk på dette og velg "ta skjermbilde" eller "ta skjermbilde i full størrelse" fra menyen.
  7. Etter noen sekunder vil du legge merke til at verktøyet allerede har lastet ned og åpnet en fil for deg.

Husk at sidens bunntekst ble avskåret i mitt eksempel, så husk det hvis du bruker dette verktøyet.

Chrome-utvidelse: Fantastisk skjermbilde og skjermopptaker

  1. Gå til Chrome nettbutikk eller Google og se etter utvidelsen «Fantastisk skjermbilde og skjermopptaker».
  2. Etter at du har installert utvidelsen, vil du se et lyst ikon øverst på verktøylinjen.
  3. Når du er på nettstedet du vil fange, klikker du på utvidelsen. Hvis du holder markøren over et alternativ, vil du se en liste over alternativer og deres tastatursnarveier.
  4. Du kan ta et skjermbilde av en synlig del av en side, hele siden eller et spesifikt område. Hvis det er det du leter etter, kan utvidelsen til og med hjelpe deg med å ta opp skjermbilder.
  5. Velg en helside for å ta et skjermbilde av hele nettsiden.
  6. Etter noen sekunder blir du ført til en side med skjermbildet.
  7. Du vil legge merke til en ny verktøylinje øverst på siden din som lar deg legge til merknader til skjermbildet. Du kan enkelt legge til merknader, tekst og piler, samt beskjære deler ut, som vist nedenfor.
  8. For å lagre endringene, klikk på ferdig-knappen i høyre hjørne når du er ferdig med å legge til kommentarene.
  9. På høyre side vil et nytt vindu vises med en rekke alternativer for å lagre og dele det nye skjermbildet ditt via en delingslenke, Dropbox, e-post, Slack og andre metoder. Du kan lagre skjermbildet manuelt eller kopiere det for å lime det inn et annet sted.

Se kildebildet

Så der har du det: to enkle metoder for å ta skjermbilder av hele nettsteder og kommentere dem om nødvendig.

Begynn å knipse!

Vanlige spørsmål om hvordan skjermdumpe på Chrome

Hvordan tar jeg et helsides skjermbilde i Chrome?

Bare åpne de ekstra menyalternativene i enhetsverktøylinjen og velg "Ta opp skjermbilde i full størrelse" for å laste ned helsides skjermbilde. Chrome vil laste ned hele siden for deg. Beskjær etter behov herfra for å få bildet du ønsker.

Hvordan tar jeg et skjermbilde ved å bruke Google Chromes utviklerverktøy?

En skjult funksjon i Google Chromes utviklerverktøy lar deg ta skjermbilder i full størrelse av hvilken som helst nettside. Denne funksjonen, som ligner på et rullende skjermbilde, fanger opp hele en side uten bruk av en tredjepartsutvidelse. For å begynne, åpne Chrome og naviger til nettsiden du vil lagre.

Hvordan tar jeg et skjermbilde på et nettsted uten utvidelse?

Denne funksjonen, som ligner på et rullende skjermbilde, fanger opp hele en side uten bruk av en tredjepartsutvidelse. For å begynne, åpne Chrome og naviger til nettsiden du vil lagre. Deretter klikker du på de tre prikkene, deretter "Flere verktøy" og deretter "Utviklerverktøy".

om forfatteren
Forfatter: Daniel Luke
Daniel er en WordPress-webdesigner med lang erfaring med å jobbe med forskjellige WordPress-temaer som lar ham sammenligne og kontrastere forskjellige temaer, forstå styrker og svakheter for å utvikle faktiske, virkelige vurderinger.

En ting til... Visste du at folk som deler nyttige ting som dette innlegget også ser FANTASTISK ut? ;-)
Vær så snill forlate en nyttig kommenter med tankene dine, så del dette på Facebook-gruppen din (e) som synes dette er nyttig, og la oss høste fordelene sammen. Takk for at du delte og var hyggelig!

Avsløring: Denne siden kan inneholde lenker til eksterne nettsteder for produkter som vi elsker og anbefaler helhjertet. Hvis du kjøper produkter vi foreslår, kan vi tjene et henvisningsgebyr. Slike avgifter påvirker ikke våre anbefalinger, og vi godtar ikke betaling for positive anmeldelser.

Forfatter (e) Fremvist på:  Inc Magazine-logoen   Sitepoint-logo   CSS Tricks-logo    webdesignerdepot-logo   WPMU DEV-logo   og mange flere ...