Skærmbilleder er et fleksibelt værktøj til daglige opgaver, fra fremvisning af arbejde til deling af information. Du kan tage skærmbilleder ved hjælp af tastaturkommandoer, apps og browserudvidelser, men har du nogensinde prøvet at tage skærmbilleder direkte gennem Google Chrome?
Her er et scenarie, du har brug for et skærmbillede af en hel webside. I stedet for at tage flere skærmbilleder af siden, hvilket kan være kedeligt, hvorfor så ikke gøre det på én gang? Det er her, udviklerværktøjer kommer ind.
Denne vejledning vil forklare, hvordan du kan bruge Chromes udviklerværktøj til nemt at tage et skærmbillede af dine websider.
Chromes udviklerværktøjer er kraftfulde integrerede fejlfindingsværktøjer indbygget i Google Chrome-browseren. Værktøjerne tillader udviklere at teste, fejlsøge og optimere webapplikationer for at gøre dem hurtigere og mere pålidelige.
Nogle funktioner omfatter visning og redigering af en websides kode i realtid, visning af dens netværkstrafik og analyse af dens ydeevne, herunder indlæsningstider og hukommelsesforbrug.
Følg nedenstående trin for at tage et skærmbillede af en webside ved hjælp af udviklerværktøjerne i Google Chrome:
Først åben Google Chrome og derefter gå til et websted eller en bestemt webside. Højreklik derefter hvor som helst på siden og klik Inspicere nederst i rullemenuen for at åbne Udvikler værktøjer panel. Alternativt kan du bruge Ctrl + Shift + C.
Skift til Enhedens værktøjslinje ved at klikke på det andet ikon i øverste venstre hjørne eller Ctrl + Shift + M. Du kan se, hvordan siden ser ud på forskellige enheder, såsom telefoner og tablets.
Øverst til venstre er der en rullemenu kaldet Dimensioner. Hvis du klikker på den, vises en menu med forskellige enheder. Hvis du klikker på en indstilling, vil du se, hvordan siden ser ud på den pågældende enhed. Du kan også se sidebredden og -højden og en mulighed for at zoome ind og ud.
Afhængigt af din enhed vil bredde- eller højdeindstillingen (eller begge dele) blive annulleret, hvilket forhindrer dig i at ændre dens størrelse.
Du kan eventuelt vælge den enhed og den retning, du vil tage et skærmbillede ved hjælp af Enhedstilstand. Når du er tilfreds med, hvordan alt ser ud, skal du klikke på de tre lodrette prikker i dimensionslinjen og klikke på enten Tag et skærmbillede eller Tag skærmbillede i fuld størrelse.
Alternativt kan du bruge Ctrl + Shift + P for at åbne kommandomenuen og skrive ordet skærmbillede i tekstboksen. Når du skriver ordet ud, vil du bemærke, at fire typer skærmbillede-optagelsesmuligheder vises i en rullemenu:
- Tag skærmbillede af området: tager et skærmbillede af et inspiceret element.
- Tag skærmbillede i fuld størrelse: tager et skærmbillede af hele siden.
- Tag et skærmbillede af node: Træk et bestemt område af den side, du vil fange.
- Tag et skærmbillede: tager et skærmbillede af alt synligt indhold på siden.
For at få et bredere skærmbillede af siden skal du justere størrelsen på panelet Udviklerværktøjer. Du kan gøre dette ved at holde musen over højre på den lodrette rullebjælke, indtil du ser en dobbeltende pil. Klik på det, og træk panelet til venstre eller højre for at ændre sidestørrelsen.
Skærmbilledet gemmes automatisk i din Downloads mappe som en PNG-billedfil, så længe du ikke har eventuelle problemer med at downloade filer. Derfra kan du foretage eventuelle justeringer af billedet.
En ny måde at tage skærmbilleder i Google Chrome
At tage et skærmbillede ved hjælp af Google Chromes udviklerværktøjer kan hjælpe dig med at få mere gjort og spare tid. Det giver dig også en ny måde at tage skærmbilleder på, uanset om du er udvikler, designer eller almindelig bruger.
Næste gang du skal tage et skærmbillede i en anden retning eller på en anden enhed, er det en hurtig og effektiv måde at bruge udviklerværktøjer, som altid er tilgængelig. Når vi downloader filer, gemmes de i vores standardmappen Downloads. Men hvis du vil ændre mappen, kan du nemt gøre det i Google Chrome.
