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.
Webbläsarens inbyggda skärmdumpar (via OS-verktyg som Cmd+Shift+4 eller Snipping Tool) fångar hela skärmen, inklusive webbläsarens gränssnitt, verktygsfält och andra fönster. De kan inte fånga innehåll under vikningen (below the fold). DevSuites Screenshot-verktyg löser båda problemen — det fångar bara själva webbsidans innehåll (ingen webbläsar-UI) och kan scrolla genom hela sidan för att skapa en sömlös helsidesbild.
Läget för synligt område använder Chromes inbyggda capture-API för pixelperfekt precision. Läget för hela sidan scrollar automatiskt genom sidan, fångar varje viewport-ruta och sätter ihop dem till en sammanhängande bild. Resultatet är en PNG i full upplösning (matchande skärmens device pixel ratio), så skärmdumparna blir skarpa på Retina- och high-DPI-skärmar.
Fixed- och sticky-element (headers, cookie-banners, chattwidgetar) hanteras automatiskt vid helsidesfångst: eftersom verktyget scrollar den riktiga sidan istället för att sätta ihop rutor från en headless renderare, fångas allt som är fäst vid viewporten en gång i sin korrekta position istället för att upprepas på varje ruta. Lazy-loaded bilder och innehåll som bara renderas när det scrollas in i vy triggas naturligt när fångsten scrollar förbi dem, så slutbilden återspeglar vad en riktig besökare skulle se — inte ett tomt platshållarrutnät — vilket betyder mycket för bildtunga landningssidor och långa artiklar.
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.
Installera DevSuite Pro gratis och lås upp 64+ utvecklarverktyg för din webbläsare.
