cloudflare-browser

Control headless Chrome via Cloudflare Browser Rendering CDP WebSocket. Use for screenshots, page navigation, scraping, and video capture when browser automation is needed in a Cloudflare Workers environment. Requires CDP_SECRET env var and cdpUrl configured in browser.profiles.

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.