iPhone

Erfassen von Screenshots zum Scrollen von Webseiten in voller Größe in Chrome

Capture full page screenshot in Chrome

Der Google Chrome-Browser bietet zwei Möglichkeiten, Screenshots von Webseiten in voller Größe zu erstellen. Dies ist für viele Webarbeiter notwendig oder nützlich, egal ob es sich um Entwickler, Designer, Redakteure, Manager, Autoren, Analysten oder andere webbasierte Tätigkeiten handelt.

Die hier beschriebene Methode zur Erfassung von Screenshots von Webseiten in voller Größe mit Chrome erfordert eine Vollversion von Chrome auf Desktop-Geräten wie Mac, Windows, Linux und Chromebooks. Für die Verwendung der in Chrome integrierten Entwickler-Tools sind keine Plug-ins erforderlich.

Hinweis: Chrome-Browser für den Desktop-Einsatz werden hier beschrieben. Sie können auch mit Firefox, Safari für Mac oder Safari für iPhone und iPad seitenfüllende Screenshots erstellen, wenn Sie dies benötigen oder möchten.

So nehmen Sie einen Screenshot in voller Größe in Chrome auf

Sind Sie bereit, einen Screenshot in voller Größe von einer Webseite in Chrome zu erstellen? Hier ist, was Sie tun müssen: 1.

    Open Chrome Developer Tools (View > Developer > (Entwicklertools)

Enter Chrome Developer Tools

Responsive Design mode in Chrome Developer Tools

Capture full size screenshot in Chrome

Auf Macs stehen Screenshots von Webseiten in voller Größe zum Herunterladen bereit, sofern sie nicht manuell verändert wurden.

Die Abmessungen des erfassten Screenshots variieren je nach dem im responsiven Modus ausgewählten Gerät. Wird beispielsweise ein iPad Air ausgewählt und ein Screenshot der OSXDaily.com-Startseite in voller Größe erstellt, beträgt die Größe des Screenshots etwa 2084 x 16439 Pixel. Natürlich, wenn Sie eine lange Seite haben oder

* Wenn die gesamte Webseite nicht gescrollt wird, wird das faule, zyklisch geladene Bild nicht vom Screenshot erfasst und der Screenshot der Seite ist unvollständig und nicht repräsentativ für das, was der Benutzer auf der Seite sieht.

Screenshot einer ganzen Seite in Chrome über die Konsole aufnehmen

Eine weitere Möglichkeit, einen Screenshot der gesamten Seite in Chrome zu erstellen, besteht darin, den Befehl Ausführen” in der Entwicklerkonsole zu verwenden, screenshot” einzugeben und aus den angezeigten Optionen die Option Screenshot in voller Größe erstellen” auszuwählen. Achten Sie darauf, die gesamte Webseite zu scrollen, bevor Sie dies tun.

Run screenshot command to capture full size screenshot on Mac

Während dies für einige Benutzer eine bessere Option sein kann, ist es für diejenigen, die mit der Befehlszeile weniger vertraut sind, etwas komplizierter.

Sind diese Methoden in Chrome einfacher als die, die in Safari für Mac über die Entwicklerwerkzeuge verfügbar sind? Oder gibt es eine sehr einfache Möglichkeit, auf einem Mac mit Firefox einen Screenshot einer ganzen Webseite zu erstellen? Oder ist es noch einfacher, einen Screenshot einer ganzen Seite mit einem iPhone oder iPad zu erstellen? Die Entscheidung liegt bei Ihnen und hängt wahrscheinlich von den Browsern ab, die Sie am häufigsten verwenden, und davon, wie gut Sie sie beherrschen.

LESEN SIE MEHR:

Verwandte Artikel

Leave a Reply

Your email address will not be published. Required fields are marked *

Back to top button