cloudflare-browser

Skill umożliwia kontrolę przeglądarki Chrome bez interfejsu graficznego poprzez Cloudflare Browser Rendering i protokół CDP (Chrome DevTools Protocol). Tworzysz screenshoty, nawigujesz po stronach, scrapujesz dane i nagrywasz wideo — wszystko w środowisku Cloudflare Workers. Wymaga zmiennej środowiskowej CDP_SECRET i konfiguracji profilu przeglądarki z adresem cdpUrl. Idealny do automatyzacji zadań wymagających interakcji z przeglądarką bez konieczności lokalnego uruchamiania Chrome'a.

1. Ustaw zmienną środowiskową CDP_SECRET w swoim projekcie Cloudflare Workers — będzie ona używana do autoryzacji połączenia CDP.

2. Skonfiguruj profil przeglądarki w pliku openclaw.json, dodając sekcję browser z profilem cloudflare zawierającym cdpUrl wskazujący na endpoint twojego workera, na przykład https://twoj-worker.workers.dev/cdp?secret=...

3. Aby zrobić screenshot strony, uruchom skrypt screenshot.js z parametrami: ścieżka do strony źródłowej i nazwa pliku wyjściowego, np. node skills/cloudflare-browser/scripts/screenshot.js https://example.com output.png

4. Jeśli chcesz nagrać wideo z przechodzeniem przez wiele stron, użyj skryptu video.js, przekazując adresy URL oddzielone przecinkami i nazwę pliku wyjściowego, np. node skills/cloudflare-browser/scripts/video.js "https://site1.com,https://site2.com" output.mp4

5. Skill automatycznie tworzy cel strony (page target) przy połączeniu WebSocket — nasłuchuj zdarzenia Target.targetCreated, aby uzyskać targetId potrzebny do wysyłania poleceń CDP takich jak Page.navigate, Page.captureScreenshot czy Runtime.evaluate

6. Używaj kluczowych poleceń CDP do sterowania przeglądarką: Page.navigate do przejścia na adres URL, Page.captureScreenshot do zrobienia zrzutu ekranu, Runtime.evaluate do wykonania kodu JavaScript, Emulation.setDeviceMetricsOverride do ustawienia rozmiaru okna przeglądarki.