Hur man skärmdump på Chrome (steg-för-steg) - 2022-uppdatering

Hur man skärmdump på Chrome

Om du någonsin har behövt ta skärmdumpar av en hel webbsida vet du hur obekvämt det är att behöva scrolla igenom sidan manuellt och ta flera skärmdumpar.

Det finns goda nyheter! Du kan använda ett par verktyg för att fånga hela webbsidor och göra ditt liv mycket enklare.

Ett av dessa verktyg är inbyggt i Chrome, medan det andra är ett tillägg.

Inbyggt Chrome-alternativ

Fördelarna med att använda den här metoden inkluderar att inte behöva ladda ner ett tillägg och verktyget är ett av de bästa när det gäller att ignorera eventuella klibbiga staplar när du rullar på webbplatsen.

Så här använder du den:

  1. Klicka på de tre "fler" prickarna i det övre högra hörnet av ditt webbläsarfönster.
  2. Ett nytt fönster visas. Gå till "utvecklarverktyg" och sedan "fler verktyg".
  3. Du kommer att se ett nytt fönster med kod och du kommer att vara i ett lite annorlunda visningsläge.
  4. Om sidan fortfarande inte ser rätt ut klickar du på ikonen "växla enhetsverktygsfält" i utvecklarfönstrets övre vänstra hörn.
  5. Välj vilken enhet du vill se skärmdumpen på med alternativet "responsivt läge". Ställ bara in den på "responsiv" för att använda standardinställningen.
  6. Du kommer att märka en ny "mer"-knapp längst upp till höger på den nya raden. För att få allt, klicka på detta och välj "ta skärmdump" eller "ta skärmdump i full storlek" från menyn.
  7. Efter några sekunder kommer du att märka att verktyget redan har laddat ner och öppnat en fil åt dig.

Tänk på att sidans sidfot var avskuren i mitt exempel, så tänk på det om du använder det här verktyget.

Chrome Extension: Awesome Screenshot & Screen Recorder

  1. Gå till Chromes webbbutik eller Google och leta efter tillägget "Awesome screenshot & screen recorder."
  2. När du har installerat tillägget kommer du att märka en ljus ikon överst i verktygsfältet.
  3. När du är på webbplatsen du vill fånga klickar du på tillägget. Om du håller muspekaren över ett alternativ ser du en lista med alternativ och deras kortkommandon.
  4. Du kan ta en skärmdump av en synlig del av en sida, hela sidan eller ett specifikt område. Om det är det du letar efter kan tillägget till och med hjälpa dig att spela in skärmdumpar.
  5. Välj en hel sida för att ta en skärmdump av hela webbsidan.
  6. Efter några sekunder kommer du till en sida med skärmdumpen.
  7. Du kommer att märka ett nytt verktygsfält högst upp på sidan som låter dig lägga till kommentarer till din skärmdump. Du kan enkelt lägga till anteckningar, text och pilar, samt beskära avsnitt, som visas nedan.
  8. För att spara dina ändringar, klicka på knappen Klar i det högra hörnet när du har lagt till dina kommentarer.
  9. Till höger visas ett nytt fönster med en mängd olika alternativ för att spara och dela din nya skärmdump via en delningslänk, Dropbox, e-post, Slack och andra metoder. Du kan spara skärmdumpen manuellt eller kopiera den för att klistra in någon annanstans.

Se källbilden

Så där har du det: två enkla metoder för att ta skärmdumpar av hela webbplatser och kommentera dem vid behov.

Börja knäppa!

Hur man skärmdumpar på Chrome Vanliga frågor

Hur tar jag en helsidesskärmdump i Chrome?

Öppna helt enkelt de extra menyalternativen i enhetsverktygsfältet och välj "Ta skärmdump i full storlek" för att ladda ner din helsidesskärmdump. Chrome laddar ner hela sidan åt dig. Beskär efter behov härifrån för att få den bild du vill ha.

Hur tar jag en skärmdump med hjälp av Google Chrome Developer Tools?

En dold funktion i Google Chromes utvecklarverktyg gör att du kan ta skärmdumpar i full storlek av vilken webbsida som helst. Den här funktionen, som liknar en rullande skärmdump, fångar hela en sida utan användning av ett tredjepartstillägg. Börja med att öppna Chrome och navigera till webbsidan du vill spara.

Hur tar jag en skärmdump på en webbplats utan tillägg?

Den här funktionen, som liknar en rullande skärmdump, fångar hela en sida utan användning av ett tredjepartstillägg. Börja med att öppna Chrome och navigera till webbsidan du vill spara. Efter det klickar du på de tre prickarna, sedan på "Fler verktyg" och sedan på "Utvecklarverktyg".

Om författaren
Författare: Daniel Luke
Daniel är en WordPress webbdesigner med stor erfarenhet av att arbeta med olika WordPress-teman som gör att han kan jämföra och kontrastera olika teman, förstå styrkor och svagheter för att utveckla faktiska, verkliga recensioner.

En sak till... Visste du att människor som delar användbara saker som det här inlägget ser fantastiska ut också? ;-)
Tveka inte, lämna en användbara kommentera med dina tankar, dela sedan detta på din Facebook-grupp (er) som skulle tycka att det var användbart och låt oss skörda fördelarna tillsammans. Tack för att du delade och var trevlig!

Upplysningar: Denna sida kan innehålla länkar till externa webbplatser för produkter som vi älskar och rekommenderar helhjärtat. Om du köper produkter vi föreslår kan vi tjäna en remissavgift. Sådana avgifter påverkar inte våra rekommendationer och vi accepterar inte betalningar för positiva recensioner.

Författare Utvalda på:  Inc Magazine-logotyp   Sitepoint-logotyp   CSS Tricks-logotyp    webbdesignerdepot-logotyp   WPMU DEV-logotyp   och många fler ...