pageops logo
Screenshot API
API-Schlüssel holen

Kostenloses Desktop-Tool für Web-Screenshots – Kein Code nötig

Erfassen Sie jede Webseite als hochwertiges Bild – direkt von Ihrem Desktop aus, ohne eine einzige Zeile Code schreiben zu müssen.

Inhaltsverzeichnis

Was ist das PageOps Screenshot Tool?

Das PageOps Screenshot Tool ist eine kostenlose, quelloffene Desktop-Anwendung für Windows und macOS. Es bietet eine einfache grafische Oberfläche für die PageOps Screenshot API, sodass jeder Web-Screenshots erstellen kann, ohne Code zu schreiben.

Die App ist kostenlos zum Download und zur Nutzung. Sie benötigen lediglich einen PageOps API-Schlüssel – ein kostenloser Tarif mit 500 Screenshots pro Monat ist verfügbar.

Für wen ist es gedacht?

  • E-Commerce-Teams – Überwachen Sie Produktseiten, Preisänderungen und Promotionaktionen über mehrere Shops hinweg.
  • Marketing- & Content-Teams – Archivieren Sie Kampagnenseiten und erstellen Sie visuelle Berichte.
  • Wettbewerbsanalysten – Verfolgen Sie die Websites von Wettbewerbern visuell über die Zeit.
  • QA-Ingenieure – Erfassen Sie Seiten mit spezifischen Viewports für visuelle Regressionstests.
  • Compliance- & Rechtsabteilungen – Archivieren Sie Webseiten als zeitgestempelte Bilder für Aufzeichnungen.

Schnellstart (5 Schritte)

Schritt 1 – Holen Sie sich einen kostenlosen API-Schlüssel

Was: Sie benötigen einen PageOps API-Schlüssel, um die Screenshot-Engine zu betreiben.

Warum: Die Desktop-App sendet Screenshot-Anfragen in Ihrem Namen an die PageOps API. Der API-Schlüssel identifiziert Ihr Konto.

Wie: Besuchen Sie app.page-ops.com, registrieren Sie sich für ein kostenloses Konto, gehen Sie dann zu API Keys und erstellen Sie einen neuen Schlüssel.

Verifizieren: Ihr Schlüssel sollte wie eine lange alphanumerische Zeichenfolge aussehen, die mit einem Präfix beginnt. Kopieren Sie ihn – Sie werden ihn in die App einfügen.

Häufiger Fehler: Teilen Sie Ihren API-Schlüssel nicht öffentlich und committen Sie ihn nicht in ein Git-Repository.

Schritt 2 – App herunterladen und installieren

Was: Laden Sie den Installer für Ihre Plattform herunter.

Warum: Die App läuft lokal auf Ihrem Rechner – keine Browsererweiterung oder Server-Einrichtung erforderlich.

Wie: Gehen Sie zur GitHub Releases-Seite und laden Sie herunter:

  • Windows: PageOps Screenshot Tool Setup x.x.x.exe (Installer) oder PageOps Screenshot Tool x.x.x.exe (portabel, keine Installation nötig)
  • macOS: PageOps Screenshot Tool-x.x.x.dmg (Intel) oder PageOps Screenshot Tool-x.x.x-arm64.dmg (Apple Silicon)

Verifizieren: Starten Sie die App und stellen Sie sicher, dass das Hauptfenster geöffnet wird.

Häufiger Fehler (macOS): Falls macOS die App mit "nicht identifizierter Entwickler" blockiert, klicken Sie mit der rechten Maustaste auf die App → Öffnen → Öffnen, um Gatekeeper zu umgehen.

Schritt 3 – Geben Sie Ihren API-Schlüssel ein

Was: Fügen Sie Ihren API-Schlüssel in das Feld PageOps API Key oben in der App ein.

Warum: Die App benötigt Ihren Schlüssel, um jede Screenshot-Anfrage zu authentifizieren.

Wie: Öffnen Sie die App → finden Sie das Feld PageOps API Key → fügen Sie Ihren Schlüssel ein. Die App speichert ihn automatisch für zukünftige Sitzungen.

Verifizieren: Das Feld sollte Ihren Schlüssel (teilweise maskiert) anzeigen.

Häufiger Fehler: Fügen Sie das Wort "Bearer" nicht manuell hinzu – die App fügt es automatisch hinzu.

Schritt 4 – Geben Sie eine URL ein und erfassen Sie

Was: Geben Sie die URL der Webseite ein, die Sie als Screenshot erfassen möchten.

Warum: Die URL ist die Zielseite, die die API besuchen und rendern wird.

Wie: Fügen Sie die vollständige URL (inklusive https://) in das Feld Target URL ein und klicken Sie dann auf Capture (Erfassen).

Verifizieren: Nach wenigen Sekunden erscheint eine Miniaturansicht im Ergebnisbereich.

Häufiger Fehler: Stellen Sie sicher, dass die URL öffentlich zugänglich ist. Für authentifizierte Seiten siehe Abschnitt Authentifizierte Seiten erfassen unten.

Schritt 5 – Screenshot herunterladen

Was: Speichern Sie das erfasste Bild auf Ihrem lokalen Rechner.

Warum: Der Screenshot wird nur temporär in der App angezeigt – laden Sie ihn herunter, um eine dauerhafte Kopie zu behalten.

Wie: Klicken Sie auf die Schaltfläche Download unter der Miniaturansicht und wählen Sie das Format PNG oder JPEG.

Verifizieren: Die Datei wird in Ihrem gewählten Verzeichnis gespeichert.

Häufiger Fehler: Wenn die Download-Schaltfläche ausgegraut ist, ist die Erfassung möglicherweise noch im Gange. Warten Sie, bis die Miniaturansicht vollständig geladen ist.

Hauptfunktionen

  • Einzel- & Stapelerfassung – Erfassen Sie eine URL oder bis zu 20 URLs gleichzeitig im Stapelmodus.
  • Benutzerdefinierter Viewport – Legen Sie Breite und Höhe fest, um jedes Gerät (Desktop, Tablet, Mobil) zu simulieren.
  • Gesamtseiten-Screenshots – Erfassen Sie die gesamte Seite, nicht nur den sichtbaren Bereich.
  • Element-Selektor – Erfassen Sie ein bestimmtes Element auf der Seite mit einem CSS-Selektor.
  • Verzögerung – Fügen Sie eine Wartezeit vor der Erfassung hinzu, um dynamische Inhalte (Karussells, Lazy-Load-Bilder) laden zu lassen.
  • Benutzerdefinierte Header & Cookies – Greifen Sie auf authentifizierte oder geo-gesperrte Seiten zu.
  • Wasserzeichen – Fügen Sie Screenshots vor dem Herunterladen Text- oder Bildwasserzeichen hinzu.
  • Poster-Erstellung – Kombinieren Sie Screenshots zu teilbaren Poster-Layouts.
  • Voreinstellungen – Speichern und verwenden Sie Ihre Erfassungskonfigurationen wieder.
  • Netzwerk-Konsole – Inspizieren Sie API-Anfragen und -Antworten in Echtzeit zum Debuggen.
  • Lokaler Verlauf – Durchsuchen Sie alle in der aktuellen Sitzung erfassten Screenshots.

Authentifizierte Seiten erfassen

Einige Seiten benötigen eine Login-Sitzung, um Inhalte anzuzeigen. Sie können Ihre Browser-Cookies an die App übergeben, damit die API in Ihrem Namen auf diese Seiten zugreifen kann.

Methode 1 – Browser-Konsole (Empfohlen)

  1. Öffnen Sie die Ziel-Website in Chrome oder Edge und loggen Sie sich ein.
  2. Drücken Sie F12, um die DevTools zu öffnen → gehen Sie zum Tab Console.
  3. Fügen Sie den folgenden Befehl ein und führen Sie ihn aus:
document.cookie.split(';').map(c => c.trim()).join('\n')
  1. Kopieren Sie die Ausgabe und fügen Sie sie in das Feld Cookies in der App ein.

Methode 2 – Netzwerk-Tab

  1. Drücken Sie F12 → gehen Sie zum Tab Network.
  2. Aktualisieren Sie die Seite.
  3. Klicken Sie auf eine beliebige Anfrage → Headers → suchen Sie nach dem Cookie-Header.
  4. Kopieren Sie den Wert und fügen Sie ihn als JSON in das Feld Headers ein:
{ "Cookie": "name1=value1; name2=value2" }

Cookie JSON-Format

[
  { "name": "session", "value": "abc123", "domain": "example.com", "path": "/" }
]

FAQ

Ist die Desktop-App wirklich kostenlos?

Ja. Die Desktop-App selbst ist kostenlos und quelloffen. Sie benötigen einen PageOps API-Schlüssel, um sie zu nutzen – der kostenlose Tarif beinhaltet 500 Screenshots pro Monat ohne Kosten. Bezahlte Pläne sind für höhere Volumen verfügbar. Siehe Preise.

Funktioniert es auf macOS Apple Silicon (M1/M2/M3)?

Ja. Ein nativer arm64-Build ist für Apple Silicon Macs verfügbar. Laden Sie die -arm64.dmg-Datei von der Releases-Seite für die beste Performance herunter.

Kann ich Seiten erfassen, die einen Login erfordern?

Ja. Verwenden Sie die Felder Cookies oder Headers, um Ihre Authentifizierungs-Sitzung an die API zu übergeben. Siehe den Abschnitt Authentifizierte Seiten erfassen oben für eine Schritt-für-Schritt-Anleitung.

Wie viele URLs kann ich gleichzeitig erfassen?

Der Stapelmodus unterstützt bis zu 20 URLs pro Batch. URLs werden nacheinander verarbeitet. Für größere Volumen erwägen Sie die direkte Nutzung der PageOps API.

Wo werden meine Screenshots gespeichert?

Screenshots werden nicht automatisch auf der Festplatte gespeichert. Sie müssen auf Download bei jedem Ergebnis klicken, um es zu speichern. Die App bewahrt einen Sitzungsverlauf, solange sie läuft, aber der Verlauf wird gelöscht, wenn Sie die App schließen.

Nächste Schritte & Weiterführendes