Skærmbillede optager billeder i høj kvalitet af enhver webside i to tilstande: synligt område (præcis det, du ser i browservinduet) eller hele siden (hele siden fra top til bund, inkl. indhold under folden). Skærmbilleder gemmes som PNG-filer i høj opløsning og downloades øjeblikkeligt til din enhed — ingen cloudoverførsler, ingen konti, ingen ventetid.
Browserens egne skærmbilledeværktøjer (via OS-niveau-funktioner som Cmd+Shift+4 eller Klippeværktøj) fanger hele din skærm, inklusive browserens kant, værktøjslinjer og andre vinduer. De kan ikke fange indhold, der ligger under det synlige område. DevSuites Screenshot-værktøj løser begge problemer — det fanger kun selve websidens indhold (uden browser-UI) og kan scrolle gennem hele siden for at skabe et sømløst billede af hele siden.
Tilstanden for synligt område bruger Chromes indbyggede capture-API for pixelperfekt nøjagtighed. Tilstanden for hele siden scroller automatisk gennem siden, fanger hver viewport-flise og syr dem sammen til ét sammenhængende billede. Outputtet er en PNG i fuld opløsning (matcher din skærms device pixel ratio), så skærmbillederne er skarpe på Retina- og high-DPI-skærme.
Faste og sticky elementer (headere, cookie-bannere, chat-widgets) håndteres automatisk under fuld-side-optagelse: fordi værktøjet scroller den rigtige side i stedet for at sammensætte fliser fra en headless renderer, bliver alt, der er fastgjort til viewporten, kun fanget én gang i sin korrekte position i stedet for at blive gentaget på hver flise. Lazy-loaded billeder og indhold, der først renderes, når det scrolles ind i synsfeltet, udløses naturligt, efterhånden som optagelsen scroller forbi dem, så det endelige billede afspejler, hvad en rigtig besøgende ville se, og ikke et tomt placeholder-gitter — hvilket betyder meget for billedtunge landingssider og lange artikler.
Optag præcis det, der er synligt i browserens viewport — det præcise rektangel af indhold, brugeren ser. Ingen browser-UI, ingen værktøjslinjer, ingen rullepaneler. Kun det rene webindhold, som det vises på skærmen. Ét klik, øjeblikkelig optagelse.
Optag hele siden fra top til bund, inkl. alt indhold under folden. Værktøjet ruller automatisk siden, optager hvert afsnit og sætter fliserne sammen til ét sømløst, kontinuerligt billede. Fungerer på sider af enhver længde.
Skærmbilleder optages med din skærms native pixelratio (2x på Retina, 1,5x på nogle Windows-skærme). Resultatet er et skarpt, høj-opløsningsbillede, der ser skarpt ud selv når det zoomes ind — ikke den slørede opskalering, du får fra OS-skærmbilleder.
Det optagede billede gemmes som en tabsfri PNG-fil og downloades direkte til din enhed øjeblikkeligt. Ingen cloudoverførsel, ingen ventetid på behandling, ingen konto krævet. Filen vises i din downloadmappe inden for sekunder.
Optagelsen inkluderer kun websidens indhold — ingen browserfaner, adresselinje, bogmærkelinje eller udvidelsesværktøjslinje. Outputtet ser præcis ud, som siden ville se ud, hvis browser-UI'en ikke eksisterede.
Optager enhver webside uanset, hvordan den er bygget — statisk HTML, enkeltside-applikationer (React, Vue), sider med dovent indlæste billeder, uendelig rulning, faste headers og fast-positionerede elementer. Tilstanden for fuld side håndterer dem alle.
Tag fuldside-skærmbilleder af websteder, du har designet eller udviklet til din portefølje. Tilstanden for fuld side giver dig et komplet, sømløst billede, der viser hele sidedesignet — perfekt til Behance, Dribbble eller portfolio-casestudier.
Når du rapporterer en fejl, er et skærmbillede tusind ord værd. Optag det præcise viewport, der viser problemet, eller et fuldside-skærmbillede, der viser, hvordan fejlen påvirker hele layoutet. Vedhæft det til dit GitHub-issue eller Jira-ticket.
Optag den aktuelle tilstand af et staging-websted til interessentgennemgang. Fuldside-skærmbilleder lader klienter se det komplette design uden at besøge webstedet selv — nyttigt til gennemgange med ikke-tekniske interessenter.
Tag et skærmbillede før du foretager ændringer, og tag derefter et til. Sammenlign de to billeder side om side for at verificere, at dine CSS- eller layoutændringer ser korrekte ud på hele siden, ikke kun den sektion, du var fokuseret på.
Lav rene, professionelle billeder af websider til blogindlæg, tweets eller præsentationer. Det toolbar-frie, browser-UI-frie output ser poleret og professionelt ud — intet behov for at beskære browser-UI'en.
Åbn DevSuite Pro-docken eller popup'en og klik på ikonet Skærmbillede. En tilstandsvælger vises med to muligheder: "Synligt område" og "Fuld side".
Klik på "Synligt område" for at optage den aktuelle viewport (det, du ser lige nu), eller "Fuld side" for at optage hele siden fra top til bund.
Optagelser af synligt område er øjeblikkelige (under 1 sekund). Fulsidede optagelser tager et par sekunder, mens værktøjet ruller og sætter fliserne sammen. En fremdriftsindikator viser optagelsesstatus.
Det optagede billede downloades automatisk som en PNG-fil. Tjek din browsers downloadmappe for filen, navngivet med sidetitlen og tidsstemplet.
Værktøjet forbliver aktivt efter hver optagelse. Tag yderligere skærmbilleder af den samme eller forskellige sider uden at genaktivere. Rul, foretag ændringer og optag igen.
Installer DevSuite Pro gratis og lås op for 64+ udviklerværktøjer til din browser.
