OpenClaw Browser-Automatisierung

## Übersicht

Automatisieren Sie wiederholbare Browser-Aufgaben auf autorisierten Websites — navigieren Sie durch Seiten, extrahieren Sie strukturierte Daten, füllen Sie Formulare aus, erfassen Sie Screenshots als Nachweis und führen Sie visuelle Regressionstests durch. Basiert auf drei bewährten Fähigkeiten: **browser-use** für interaktive Browser-Steuerung, **firecrawl** für Web-Scraping und Content-Extraktion, und **webapp-testing** für Playwright-basiertes UI-Testing.

## Schnellstart

1. Installieren Sie das Plugin:
   ```bash
   npx skillstore add @openclaw-browser-automation
   ```
2. Verwenden Sie **browser-use**, um zu einer Seite zu navigieren und mit ihr zu interagieren:
   ```
   browser-use open https://dashboard.example.com
   browser-use state
   browser-use click 5
   browser-use screenshot
   ```
3. Verwenden Sie **firecrawl**, um Seiteninhalte als strukturiertes Markdown zu extrahieren:
   ```
   firecrawl scrape https://example.com/data
   ```
4. Verwenden Sie **webapp-testing**, um einen visuellen Playwright-Test auszuführen:
   ```
   python scripts/with_server.py --url http://localhost:3000 -- pytest test_ui.py
   ```

## Vollständiges Workflow-Beispiel

**Login → Tabellendaten extrahieren → Screenshot-Nachweis → Export**

1. Öffnen Sie Ihr Ziel-Dashboard mit **browser-use**
2. Füllen Sie das Login-Formular aus und übermitteln Sie die Anmeldedaten
3. Navigieren Sie zur Datentabellenseite
4. Verwenden Sie **firecrawl**, um die Tabelle in sauberes JSON/CSV zu extrahieren
5. Erstellen Sie einen Screenshot mit **browser-use** für den Prüfpfad
6. Validieren Sie die Ausgabe mit **webapp-testing**-Assertions

## Kernfunktionen

- **browser-use** — URLs navigieren, Elemente anklicken, Formulare ausfüllen, Text eingeben, Screenshots erstellen, Daten aus gerenderten Seiten extrahieren. Verwaltet persistente Browsersitzungen über Befehle hinweg.
- **firecrawl** — Jede URL in sauberes Markdown extrahieren, optimiert für LLM-Kontext. Verarbeitet JavaScript-Rendering, umgeht gängige Blockaden, unterstützt Crawling und Site-Mapping.
- **webapp-testing** — Playwright-basiertes Toolkit zur Überprüfung der Frontend-Funktionalität, Debugging von UI-Verhalten, Erfassen von Browser-Screenshots und Anzeigen von Konsolenlogs.

## Sicherheit & Einschränkungen

- **Nur autorisierte Websites** — Automatisieren Sie ausschließlich Websites, für die Sie eine ausdrückliche Zugangsberechtigung haben
- **Captcha/2FA-Fallback** — Wenn CAPTCHA, 2FA oder Anti-Bot-Herausforderungen auftreten, pausiert der Workflow für menschliches Eingreifen. Versuchen Sie nicht, Sicherheitsmaßnahmen zu umgehen.
- **Änderungen der Seitenstruktur** — Wenn Selektoren aufgrund von Site-Updates nicht mehr funktionieren, führen Sie `browser-use state` erneut aus, um die Elementindizes zu aktualisieren
- **Ratenbegrenzung** — Beachten Sie die Ratenlimits der Zielseite; fügen Sie Verzögerungen zwischen Anfragen beim Scraping hinzu

## Tipps

- Kombinieren Sie es mit **openclaw-automation-healthcheck** für automatisierte Monitoring-Dashboards
- Verwenden Sie `browser-use screenshot` an wichtigen Schritten, um visuelle Prüfpfade zu erstellen
- Für umfangreiche Extraktionen bevorzugen Sie **firecrawl** gegenüber browser-use, da es JavaScript-Rendering serverseitig verarbeitet