Screenshotter

Fotografiert eine Liste von Webseiten in voller Scrollhöhe und legt einen durchsuchbaren HTML-Bericht daneben.

Logo des Screenshotter: die Buchstaben SCRS in einem Rahmen.

Screenshotter nimmt eine Liste von URLs und fotografiert jede Seite in voller Scrollhöhe. Das Ergebnis ist ein Ordner mit Bildern und ein fertiger HTML-Bericht: eine durchsuchbare Galerie, die auf jedem Webserver oder als lokale Datei läuft.

Wofür es gedacht ist

Wer eine Website abnimmt, umzieht oder relauncht, braucht Bestandsaufnahmen: Wie sah jede Seite an diesem Tag aus? Von Hand sind das Dutzende Screenshots, die niemand sortiert wiederfindet. Screenshotter erledigt das in einem Rutsch.

Wie es benutzt wird

Sie tragen die Adressen ein, wählen ein Gerät und starten den Lauf. Jede Seite wird in voller Scrollhöhe aufgenommen, parallel und mit Fortschrittsanzeige. Am Ende steht eine index.html daneben, die Sie auf den Webserver kopieren oder als Link verschicken.

Die Galerie ist durchsuchbar, zeigt Statuscodes und läuft ohne Datenbank, ohne Framework und ohne Build-Schritt. Es gibt zwei Wege: eine Weboberfläche im Browser und die Kommandozeile.

Was es nicht tut

Es vergleicht nicht. Es zeigt, wie eine Seite aussieht, nicht wie sie sich verändert hat. Für einen Vorher-Nachher-Vergleich legen Sie zwei Läufe nebeneinander. Eine Differenzansicht ist nicht eingebaut.

Es prüft nichts. Ob ein Bild fehlt, ein Text falsch steht oder ein Link ins Leere führt, steht nicht im Bericht. Screenshotter ist eine Kamera, kein Prüfwerkzeug.

Und es hat keinen eigenen Server. Die Weboberfläche bindet an 127.0.0.1, der fertige Bericht ist eine statische Seite. Zum Teilen legen Sie den Ordner auf einen Webserver.

Woher es kommt

Aus Relaunch-Projekten. Vor dem Umzug hält man fest, wie jede Seite aussieht, damit hinterher erkennbar ist, was sich verändert hat und was fehlt. Dafür gibt es Dienste, aber die kosten Geld oder verlangen ein Konto. Deshalb habe ich das Werkzeug selbst gebaut.

Der Quelltext liegt offen auf GitHub, unter MIT-Lizenz. Genau eine Abhängigkeit: Playwright für Chromium.

Kategorien

Weitere Werkzeuge

Fragen zum Werkzeug?

Sprechen wir über Ihr Vorhaben.