Scroll-Screenshot

Ein Scroll-Screenshot erfasst Inhalte außerhalb des sichtbaren Bildschirms, indem das Tool durch die Seite scrollt und die aufgenommenen Einzelbilder zu einem langen Bild zusammenfügt.

Related workflow terms: Viewport-Screenshot.

Scroll-Screenshot und Ganzseiten-Screenshot

Die Begriffe hängen eng zusammen, beschreiben aber Verschiedenes. Scroll-Screenshot bezeichnet die Aufnahmemethode: Das Tool scrollt durch den Inhalt, nimmt jeden sichtbaren Abschnitt auf und setzt die Bilder zusammen. Ganzseiten-Screenshot bezeichnet das Ergebnis: ein Bild, das die gesamte Seite von oben bis unten enthält.

Ein Ganzseiten-Screenshot kann durch Scrollen und Zusammenfügen entstehen. Browser-Engines können eine Seite aber auch vollständig rendern und ohne Scrollschritte aufnehmen. Ein Scroll-Screenshot verwendet dagegen immer den Scroll-und-Stitch-Ablauf.

Einsatzbereiche für Scroll-Screenshots

Scroll-Screenshots werden verwendet, wenn der Inhalt über einen einzelnen Bildschirm hinausgeht:

• Lange Webseiten: Landingpages, Artikel oder Dashboards vollständig festhalten.
• Mobil-Apps: Scrollbare Feeds, Einstellungslisten oder Chatverläufe auf Smartphone und Tablet aufnehmen.
• Desktop-Apps: Tabellen, Dokumente oder Oberflächen erfassen, die größer als das sichtbare Fenster sind.
• Fehlerberichte: Den vollständigen Kontext eines Problems sichern, das sich über mehrere Bildschirmhöhen erstreckt.
• Design-Reviews: Das gesamte Layout einer scrollbaren Oberfläche in einem Artefakt dokumentieren.

So funktionieren Scroll-Screenshots

Der grundlegende Ablauf wiederholt vier Schritte: einen Abschnitt scrollen, den sichtbaren Bereich aufnehmen, erneut scrollen und anschließend alle Einzelbilder zusammenfügen. Die meisten Tools automatisieren das vollständig.

Die eigentliche Schwierigkeit ist die Genauigkeit. Fixierte Kopfzeilen, schwebende Elemente, Animationen und verzögert geladene Inhalte können das Zusammenfügen stören. Leistungsfähigere Werkzeuge erkennen einige dieser Fälle automatisch. Andere Screenshot-Tools umgehen das Zusammenfügen, indem sie die vollständige Seite in einem Headless-Browser rendern.

Häufige Fehler bei Scroll-Screenshots

• Fixierte Kopf- und Fußzeilen ignorieren. Erkennt das Tool sie nicht, können diese Elemente im zusammengesetzten Bild mehrfach erscheinen.
• Aufnehmen, bevor alle Inhalte geladen sind. Bei zu schnellem Scrollen bleiben verzögert geladene Bilder oder dynamische Bereiche leer.
• Scroll-Aufnahme verwenden, obwohl eine native Ganzseiten-Aufnahme möglich ist. Browser-DevTools und Headless-Browser können die vollständige Seite ohne Scrollschritte rendern und vermeiden dadurch Stitching-Fehler.
• Ein pixelgenaues Ergebnis voraussetzen. Scroll-Screenshots hängen von Timing und Rendering ab. Animationen, Hover-Zustände oder Inhalte, die sich zwischen zwei Einzelbildern ändern, können zu Abweichungen führen.