Skärmdumpar är ett flexibelt verktyg för vardagliga uppgifter, från att visa upp arbete till att dela information. Du kan ta skärmdumpar med tangentbordskommandon, appar och webbläsartillägg, men har du någonsin försökt ta skärmdumpar direkt via Google Chrome?
Här är ett scenario, du behöver en skärmdump av en hel webbsida. Istället för att ta flera skärmdumpar av sidan, vilket kan vara tråkigt, varför inte göra det på en gång? Här kommer utvecklarverktyg in.
Den här guiden kommer att förklara hur du kan använda Chromes utvecklarverktyg för att enkelt ta en skärmdump av dina webbsidor.
Chromes utvecklarverktyg är kraftfulla integrerade felsökningsverktyg inbyggda i webbläsaren Google Chrome. Verktygen tillåter utvecklare att testa, felsöka och optimera webbapplikationer för att göra dem snabbare och mer tillförlitliga.
Vissa funktioner inkluderar visning och redigering av en webbsidas kod i realtid, visning av dess nätverkstrafik och analys av dess prestanda, inklusive laddningstider och minnesanvändning.
För att ta en skärmdump av en webbsida med hjälp av utvecklarverktygen i Google Chrome, följ stegen nedan:
Öppna först Google Chrome och gå sedan till en webbplats eller en specifik webbsida. Högerklicka sedan var som helst på sidan och klicka Inspektera längst ned i rullgardinsmenyn för att öppna Utvecklarverktyg panel. Alternativt kan du använda Ctrl + Shift + C.
Växla på Enhetens verktygsfält genom att klicka på den andra ikonen i det övre vänstra hörnet eller Ctrl + Shift + M. Du kan se hur sidan ser ut på olika enheter, som telefoner och surfplattor.
Längst upp till vänster finns en rullgardinsmeny som heter Mått. Om du klickar på den visas en meny med olika enheter. Om du klickar på ett alternativ visas hur sidan ser ut på den enheten. Du kan också se sidans bredd och höjd och ett alternativ för att zooma in och ut.
Beroende på din enhet kommer bredd- eller höjdalternativet (eller båda) att ogiltigförklaras, vilket hindrar dig från att ändra dess storlek.
Alternativt kan du välja vilken enhet och orientering du vill ta en skärmdump med Enhetsläge. När du är nöjd med hur allt ser ut, klicka på de tre vertikala prickarna i måttfältet och klicka antingen Ta skärmdump eller Ta en skärmdump i full storlek.
Alternativt kan du använda Ctrl + Shift + P för att öppna kommandomenyn och skriv ordet skärmdump i textrutan. När du skriver ordet kommer du att märka att fyra typer av skärmdumpningsalternativ visas i en rullgardinsmeny:
- Ta en skärmdump av området: tar en skärmdump av ett inspekterat element.
- Ta en skärmdump i full storlek: tar en skärmdump av hela sidan.
- Fånga nod skärmdump: dra ett specificerat område på sidan du vill fånga.
- Ta skärmdump: tar en skärmdump av allt synligt innehåll på sidan.
För att få en bredare skärmdump av sidan, justera storleken på panelen för utvecklarverktyg. Du kan göra detta genom att hålla musen över höger på den vertikala rullningslisten tills du ser en dubbelsidig pil. Klicka på den och dra panelen åt vänster eller höger för att ändra sidstorleken.
Skärmdumpen sparas automatiskt i din Nedladdningar mapp som en PNG-bildfil, så länge du inte har några problem med att ladda ner filer. Därifrån kan du göra alla justeringar av bilden.
Ett nytt sätt att ta skärmdumpar i Google Chrome
Att ta en skärmdump med hjälp av Google Chromes utvecklarverktyg kan hjälpa dig att få mer gjort och spara tid. Det ger dig också ett nytt sätt att ta skärmdumpar, oavsett om du är en utvecklare, designer eller vanlig användare.
Nästa gång du behöver ta en skärmdump i en annan orientering eller på en annan enhet är det ett snabbt och effektivt sätt att använda utvecklarverktyg som alltid är tillgängligt. När vi laddar ner filer sparas de i vår standardmapp för nedladdningar. Men om du vill byta mapp kan du enkelt göra det i Google Chrome.
