Ta en helsides skärmdump av en webbsida i Chrome
Testa nu: ett klick, ingen registrering.
Lägg till i Chrome3 sätt att göra det
Capture Full Page-tillägget, så fungerar det
Capture Full Page löser de unika utmaningarna med helsidesfångst i Chrome. Tillägget scrollar genom hela sidan steg för steg, väntar in lazy-load-bilder och dynamiskt innehåll, upptäcker och döljer automatiskt fasta sidhuvuden, sidfötter, cookie-banners och flytande knappar för att förhindra dubbletter, och fogar sedan samman alla fångade vy-sektioner till en enda sammanhängande bild i full upplösning. Resultatet öppnas i en inbyggd editor för anteckningar och exporteras sedan som PNG eller PDF. Det här tillvägagångssättet fungerar pålitligt på sidor som går sönder med Chrome DevTools, inklusive instrumentpaneler med oändlig scrollning, ensidesappar med rendering på klientsidan och e-handelns produktsidor med gallerier som laddas vid behov. Tillägget använder Manifest V3 och körs helt offline, så ditt sidinnehåll skickas aldrig till någon extern server. Du kan tilldela ett kortkommando för att utlösa helsidesfångst direkt.
- 1Installera Capture Full Page från Chrome Web Store, inget konto krävs.
- 2Navigera till valfri webbsida och klicka på tilläggsikonen → "Fånga hela sidan".
- 3Tillägget scrollar automatiskt genom sidan och väntar in alla bilder och dynamiskt innehåll.
- 4Fasta element (sidhuvuden, banners, flytande knappar) upptäcks och döljs automatiskt.
- 5Alla sektioner fogas samman till en enda sömlös helsidesbild i originalupplösning.
- 6Skärmdumpen öppnas i editorn, anteckna och spara sedan som PNG, PDF eller kopiera till urklipp.
Metod 2: Chrome DevTools, inbyggd helsidesfångst
Chrome DevTools innehåller ett dolt kommando "Capture full size screenshot". Det fångar hela sidan utan ett tillägg men hanterar inte fasta element, lazy-load-bilder eller erbjuder några redigeringsverktyg. DevTools ändrar sidans storlek till dess fullständiga beräknade höjd och renderar allt i ett svep, vilket innebär att element med position:fixed upprepas vid varje vy-intervall, bilder under det första synliga området ofta visas tomma och vissa CSS-tunga layouter går sönder vid extrema sidhöjder. Det fungerar acceptabelt på korta, statiska sidor, men blir opålitligt på moderna webbplatser med dynamiskt innehåll.
- 1Tryck F12 → Ctrl+Shift+P (Cmd+Shift+P på Mac) → skriv "Capture full size screenshot".
- 2Chrome sparar en PNG, ingen redigering, ingen hantering av fasta element, ingen PDF-export.
Metod 3: Skriv ut som PDF, textbaserat alternativ
Chromes utskriftsfunktion sparar sidor som PDF men formaterar om layouten för papper och förlorar den ursprungliga webbdesignen. Lämpligt enbart för texttungt innehåll.
- 1Tryck Ctrl+P (Cmd+P på Mac) → ställ in målet på "Spara som PDF" → klicka på Spara.
- 2Sidan formateras om för utskrift, layout, bilder och interaktiva element kan ändras.
Funktionsjämförelse
| Funktion | Capture Full Page | Inbyggda verktyg | Andra tillägg |
|---|---|---|---|
| Automatisk scrollning & sammanfogning | Ja, helt automatiskt | Enkel rendering (DevTools) | Delvis |
| Hantering av fasta element | Ja, upptäcker & döljer automatiskt | Nej, dupliceras i resultatet | Sällan |
| Lazy-load-innehåll | Ja, väntar in bilder/dynamiskt innehåll | Nej | Sällan |
| Ett-klicks-hantering | Ja | Nej, 4+ steg via DevTools | Delvis |
| Inbyggd editor | Ja, pilar, text, former, markeringspenna | Nej | Delvis (betald) |
| PDF-export | Ja, med anteckningar | Nej (endast PNG) | Sällan |
| High-DPI / Retina | Ja, full upplösning | Ja | Varierar |
| Bevarar ursprunglig layout | Ja, pixelperfekt | Mestadels (ingen fix för fasta element) | Varierar |
| Max sidhöjd | Ingen fast gräns, automatisk flersidig PDF for mycket långa sidor | Webbläsargräns | Ofta begränsat eller misslyckas |
| Bildformatalternativ | PNG, JPEG, PDF | Bara PNG | Varierar |
Vanliga frågor
Varför har min helsides skärmdump dubbla sidhuvuden eller banners?
Varför missar Chrome DevTools helsidesskärmdump bilder eller innehåll?
Hur fångar jag en hel sida med lazy-load-bilder?
Vad är den maximala sidlängd som Capture Full Page kan hantera?
Fungerar helsidesskärmdumpen på extremt långa sidor som Notion-dokument eller långa instrumentpaneler?
Hur sparar jag en helsides skärmdump som PDF i Chrome?
Har Chrome en inbyggd funktion för helsides skärmdumpar?
Kan jag ta en helsides skärmdump av en sida bakom en inloggning?
Vad är skillnaden mellan en helsides skärmdump och en rullande skärmdump?
Kan jag ta en helsides skärmdump av en scrollbar panel eller behållare, inte hela fönstret?
Helsides skärmdumpar i Chrome, ett klick, redigera & PDF-export
Installera Capture Full Page och ta helsides skärmdumpar med inbyggda redigeringsverktyg. Ingen registrering, inga vattenstämplar.
Lägg till i ChromeRelaterade guider
Ta en skärmdump i Chrome
Lär dig 3 sätt att ta en skärmdump i Chrome, ett-klicks-tillägg, DevTools och OS-verktyg.
Rullande skärmdump i Chrome
Fånga hela långa webbsidor med automatisk rullning, hantering av fasta element och lazy-load-stöd.
Spara skärmdump som PDF
Exportera valfri skärmdump som PDF-dokument direkt från Chrome, med anteckningar.