Der Google Chrome-Browser bietet zwei Möglichkeiten, Screenshots von Webseiten in voller Größe aufzunehmen. Dies kann für viele Webworker notwendig oder nützlich sein, egal ob sie Entwickler, Designer, Redakteure, Manager, Autoren, Analysten oder so ziemlich jede andere mögliche webbasierte Aufgabe sind.

Die Ansätze, die wir behandeln werden, um Screenshots von Webseiten in voller Größe mit Chrome aufzunehmen, erfordern die Vollversion von Chrome für jedes Desktop-Gerät, einschließlich Mac, Windows, Linux und Chromebook.Es sind keine Plugins erforderlich, da wir integrierte Entwicklertools mit Chrome verwenden.

Hinweis: Wir behandeln hier den Chrome-Browser für den Desktop. Sie können auch ganzseitige Screenshots mit Firefox, Safari auf dem Mac und Safari für iPhone und iPad machen, wenn Sie möchten oder möchten.

Wie man in Chrome scrollende Screenshots in voller Größe aufnimmt

Sind Sie bereit, einen Screenshot einer Webseite in voller Größe in Chrome zu machen? Folgendes ist zu tun:

1. Chrome-Entwicklertools öffnen (Entwicklertools > > anzeigen)



2. Klicken Sie auf die Sch altfläche „Responsive Design-Modus“ im Bereich „Entwicklertools“



3. Durch die gesamte Webseite nach unten scrollen, damit alle Bilder geladen werden (dies ist wichtig, um Lazy-Load-Bilder zu erfassen, eine gängige Technik zur Beschleunigung von Webseiten)
4. Klicken Sie auf die drei vertikalen Punkte in der oberen rechten Ecke des Responsive-Design-Tools und wählen Sie „Screenshot in voller Größe aufnehmen“



5. Der Screenshot in voller Größe wird in Ihrem standardmäßigen Chrome-Downloadordner angezeigt

Auf dem Mac finden Sie den Screenshot der Webseite in voller Größe unter Benutzer-Downloads, sofern Sie dies nicht manuell geändert haben.

Die Abmessungen des aufgenommenen Screenshots hängen davon ab, welches Gerät Sie im Responsive-Modus ausgewählt haben, z. B. wenn Sie iPad Air ausgewählt und einen Scroll-Screenshot in voller Größe der osxdaily.com-Startseite aufgenommen haben, könnte Ihr Screenshot sein etwa 2084 × 16439 Pixel. Offensichtlich je länger eine Seite formatiert wird oder

Wenn Sie nicht durch eine ganze Webseite scrollen, werden alle verzögert geladenen Bilder nicht vom Screenshot erfasst, wodurch der Screenshot der ganzen Seite unvollständig und nicht repräsentativ für das ist, was ein Benutzer auf der Seite sieht.

Erfassen ganzseitiger Screenshots in Chrome über die Konsole

Eine andere Möglichkeit, ganzseitige Screenshots in Chrome aufzunehmen, besteht darin, den Befehl „Ausführen“ der Entwicklerkonsole zu verwenden, „Screenshot“ einzugeben und dann „Screenshot in voller Größe aufnehmen“ aus den angezeigten Optionen auszuwählen. Scrollen Sie unbedingt durch die gesamte Webseite, bevor Sie dies ebenfalls tun.

Dies mag für einige Benutzer eine bessere Option sein, aber es ist etwas komplexer für diejenigen, die mit Befehlszeilen weniger vertraut sind.

Sind diese Methoden für Chrome einfacher als die in Safari für Mac mit Entwicklertools? Oder die supereinfache Methode, mit Firefox ganze Webseiten-Screenshots auf dem Mac zu machen? Oder die noch einfachere Möglichkeit, ganzseitige Screenshots mit iPhone oder iPad zu machen? Das liegt an Ihnen zu entscheiden, und es hängt wahrscheinlich auch davon ab, welchen Browser Sie am häufigsten verwenden und wie gut Sie mit jedem von ihnen umgehen können.