Der Windsurf Browser ist ein voll funktionsfähiger Browser, der Ihren Entwicklungsworkflow nahtlos mit webbasierten Aufgaben verbindet. Der Windsurf Browser startet eine Chromium-App auf Ihrem Gerät. Ihre Daten, Cookies, Logins, Chrome-Profile usw. werden sicher lokal gespeichert und zwischen Sitzungen beibehalten. So wird Cascade mit Browserfunktionen wie Screenshot-Erstellung und DOM-Baum-Erfassung ausgestattet; außerdem werden Browserinhalte, Verlauf und Logs in Form von @-mentions für Cascade verfügbar gemacht.
Der Windsurf Browser befindet sich derzeit in der Beta und ist für alle kostenlosen, Pro- und Teams-Nutzer verfügbar. Enterprise-Nutzer werden schrittweise freigeschaltet — kontaktieren Sie uns, um mehr zu erfahren

​
So öffnen Sie den Browser

1

Windsurf Browser öffnen

Den Windsurf Browser starten Sie, indem Sie auf die folgende Schaltfläche oben rechts in der Windsurf-Oberfläche klicken:
Alternativ können Sie Cascade auch anweisen, den Browser zu öffnen, indem Sie „Open Windsurf Browser“ eingeben. Dadurch wird ein open-browser-Toolaufruf ausgelöst.Ein Klick auf beliebige Links im Konversationsbereich öffnet ebenfalls den Windsurf Browser.
2

Normal browsen

Durchsuchen Sie das Web, sehen Sie sich Webseiten, Dokumentation, GitHub-Issues usw. an und debuggen Sie Apps – genau so, wie Sie auch jeden anderen Browser verwenden!
3

Komponenten an Cascade senden oder von Cascade referenzieren lassen

Senden Sie Seiteninhalte wie offene Tabs/Seiten, Textausschnitte, Diagramme, Logs und mehr an Cascade.

​
Browser-Tools

Cascade hat Zugriff auf die folgenden Tools für den Windsurf Browser:
  • Screenshot aufnehmen - Einen Screenshot der Webseite erstellen.
  • DOM-Baum erfassen - Die DOM-Struktur abrufen, um Elemente auf der Seite zu identifizieren und zu extrahieren.
  • URL öffnen - Zu einer neuen URL in einem neuen Browser-Tab navigieren.
  • Browser-Seiten abrufen - Die Liste relevanter geöffneter Seiten im Browser abrufen.
  • Browser-Seite lesen - Den Inhalt einer bestimmten Seite im Browser lesen.
  • Konsolen-Logs erfassen - JavaScript-Konsolen-Logs, Fehler und Debug-Ausgaben von Browser-Seiten abrufen.
  • Browser Preview - Eine Browser-Vorschau für lokale Webserver und Entwicklungsanwendungen starten. Sie können diese in einem neuen Tab im Windsurf Editor öffnen.

​
Worauf Cascade zugreifen kann

  • Seiteninhalte – Text, Codeausschnitte
  • Konsolen-Logs – JavaScript-Fehler und Debug-Ausgaben
  • DOM-Struktur – HTML-Elemente und Seitenlayout
  • Mehrere Tabs – Inhalte über alle offenen Browser-Tabs hinweg
  • Interaktive Diagramme – Interaktive Abbildungen, Diagramme und andere Komponenten
Hier einige praktische Anwendungsfälle, die unser Team getestet und als hilfreich befunden hat:

Diagrams

Interaktive, in JS gerenderte Diagramme aus Grafana, Google Analytics, Firebase Analytics usw. zurück an Cascade senden.

Analytics and Logs

Logs aus Jenkins und GitHub zurück an Cascade senden.

Technical Documentation

Funktioniert besonders gut in Verbindung mit unserem Web- und Doku-Suchtool.

​
Technische Hinweise

  • Basierend auf Chromium im Debug-Modus
  • Vollständiger Zugriff auf die Chrome DevTools
  • Wir verwenden ein eigenes Debugging-Benutzerprofil für Windsurf
  • Kompatibel mit allen modernen Webstandards

Chromium

Weitere Informationen finden Sie in der offiziellen Chromium-Dokumentation.