Rullande skärmdump i Chrome för hela långa sidor
En rullande skärmdump fångar en hel webbsida uppifrån och ned, inklusive allt innehåll under sidkanten, genom att automatiskt rulla och foga samman sektioner till en enda sömlös bild. Det är oumbärligt för långa artiklar, instrumentpaneler, landningssidor och dokumentation som sträcker sig bortom det synliga området. Capture Full Page-tillägget hanterar detta automatiskt: det rullar genom sidan, upptäcker och hanterar fasta sidhuvuden och sidfötter, väntar in lazy-load-bilder och skapar en enda skärmdump i hög upplösning. Efter fångst kan du anteckna i den inbyggda redigeraren med pilar, text, former och numrerade steg-anteckningar. Exportera som PNG eller spara som PDF, eller kopiera till urklipp. Du kan även fånga bara det synliga området eller ett valt område. För tangentbordsstyrda arbetsflöden kan du ställa in egna kortkommandon för skärmdumpar.
Testa nu: ett klick, ingen registrering.
Lägg till i Chrome3 sätt att göra det
1
Metod 1: Capture Full Page-tillägget, fångst med automatisk rullning
Capture Full Page automatiserar hela den rullande fångstprocessen. Klicka på en knapp så rullar tillägget genom sidan, fångar varje vy och fogar samman dem till en enda bild. Det hanterar fasta navigeringsfält, flytande element och lazy-load-innehåll automatiskt.
- 1Installera Capture Full Page från Chrome Web Store, inget konto krävs.
- 2Navigera till den långa sidan du vill fånga.
- 3Klicka på tilläggsikonen och välj "Fånga hela sidan".
- 4Tillägget rullar automatiskt genom hela sidan, en förloppsindikator visar fångststatusen.
- 5Fasta sidhuvuden och sidfötter upptäcks och hanteras för att undvika dubbletter i slutbilden.
- 6Den kompletta skärmdumpen öppnas i den inbyggda redigeraren, anteckna med pilar, text, markeringar eller stegnummer.
- 7Exportera som PNG, spara som PDF eller kopiera till urklipp.
2
Metod 2: Chrome DevTools skärmdump i full storlek
Chrome DevTools kan ta en skärmdump i full storlek, men det renderar sidan på en gång istället för att rulla, vilket innebär att lazy-load-bilder kan saknas och att mycket långa sidor kan misslyckas eller ge tomma områden.
- 1Tryck F12 för att öppna DevTools, sedan Ctrl+Shift+P (Cmd+Shift+P på Mac) för kommandomenyn.
- 2Skriv "screenshot" och välj "Capture full size screenshot".
- 3Chrome renderar hela sidan och sparar en PNG i Hämtningar.
- 4Begränsningar: lazy-load-bilder saknas ofta, ingen hantering av fasta element, inga redigeringsverktyg, mycket långa sidor kan krascha.
3
Metod 3: Manuell rullning och sammanfogning
Utan ett dedikerat verktyg kan du ta flera skärmdumpar medan du rullar manuellt och foga samman dem i en bildredigerare. Det är tidskrävande och felbenäget.
- 1Ta en skärmdump av det synliga området.
- 2Rulla nedåt och ta en ny skärmdump som överlappar något.
- 3Upprepa tills du har täckt hela sidan.
- 4Öppna alla skärmdumpar i en bildredigerare och passa in och foga samman dem manuellt.
- 5Den här processen är långsam, oprecis och inte praktisk för frekvent bruk.
Funktionsjämförelse
| Funktion | Capture Full Page | Inbyggda verktyg | Andra tillägg |
|---|---|---|---|
| Automatisk rullning av sidan | Ja, helt automatiserat | Ingen rullning (renderar på en gång) | Delvis |
| Hantering av fasta element | Ja, upptäcker och hanterar | Nej, duplicerar fasta element | Sällan |
| Lazy-load-innehåll | Ja, väntar in bilder som laddas | Nej, saknas ofta | Delvis |
| Mycket långa sidor (10 000+ px) | Ja, upp till 100 000 px | Misslyckas ofta | Varierar |
| Inbyggd redigerare efter fångst | Ja, pilar, text, former, steg | Nej | Delvis (betald) |
| PDF-export | Ja, med ett klick | Nej | Sällan |
| Kopiera till urklipp | Ja, med anteckningar | Nej | Delvis |
| Förloppsindikator | Ja | Nej | Delvis |
Vanliga frågor
Hur tar jag en rullande skärmdump i Chrome?
Installera Capture Full Page-tillägget, navigera till sidan, klicka på ikonen och välj "Fånga hela sidan". Tillägget rullar automatiskt genom hela sidan, fångar varje sektion och fogar samman dem till en enda sömlös bild. Det hanterar fasta element och lazy-load-innehåll automatiskt.
Varför saknas bilder i min helsides skärmdump?
Många webbplatser använder lazy loading, bilder laddas bara när de kommer in i det synliga området. Chrome DevTools fångar hela sidan utan att rulla, så bilder som inte laddats visas tomma. Capture Full Page rullar faktiskt genom sidan och utlöser lazy-load-innehållet så att det visas innan varje sektion fångas.
Kan jag fånga en mycket lång webbsida?
Ja. Capture Full Page hanterar sidor upp till 100 000 pixlar i höjd. Tillägget fångar i sektioner och fogar samman dem, så sidlängd är inte en begränsande faktor. Förloppsindikatorn visar hur mycket av sidan som har fångats.
Varför har min helsides skärmdump dubbla sidhuvuden?
Fasta (fixed-position) navigeringsfält visas i varje vy-sektion under rullningen. Utan korrekt hantering dupliceras de i slutbilden. Capture Full Page upptäcker fasta element och hanterar dem under fångsten för att ge ett rent resultat utan dubbletter.
Vad är skillnaden mellan rullande skärmdump och helsides skärmdump?
De syftar på samma sak: att fånga hela det rullbara innehållet på en webbsida. "Rullande skärmdump" betonar mekanismen med automatisk rullning, medan "helsides skärmdump" beskriver resultatet, en enda bild av hela sidan. Se vår guide till helsides skärmdumpar för det detaljerade arbetsflödet.
Kan jag redigera en rullande skärmdump efter att ha fångat den?
Ja. När den rullande fångsten är klar öppnas bilden i den inbyggda redigeraren med pilar, text, former, markeringspenna, stegnumrering och en fullständig färgväljare. Anteckna skärmdumpen och exportera som PNG, PDF eller kopiera till urklipp.
Fånga hela sidor med ett klick
Automatisk rullning, hantering av fasta element, lazy-load-stöd, den kompletta lösningen för rullande skärmdumpar i Chrome.
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.
Helsides skärmdump i Chrome
Fånga hela webbsidor i Chrome med ett klick, redigera och exportera som PNG eller PDF.
Spara skärmdump som PDF
Exportera valfri skärmdump som PDF-dokument direkt från Chrome, med anteckningar.