Windsurf Browser est un navigateur entièrement fonctionnel qui fait le lien entre votre flux de développement et vos activités sur le Web. Windsurf Browser exécute une application Chromium sur votre appareil. Votre stockage, vos cookies, vos connexions, vos profils Chrome, etc. sont stockés localement en toute sécurité et conservés entre les sessions. Cela améliore vos workflows en dotant Cascade d’outils de navigation tels que la capture d’écran et la capture de l’arborescence DOM, et en exposant à Cascade le contenu du navigateur, l’historique et les logs sous forme de @-mentions.
Windsurf Browser est actuellement en bêta et disponible pour tous les utilisateurs Free, Pro et Teams. Le déploiement pour les clients Enterprise sera progressif — contactez‑nous pour en savoir plus

​
Comment ouvrir

1

Ouvrir le Windsurf Browser

Le Windsurf Browser peut être lancé en cliquant sur le bouton suivant en haut à droite de l’interface de Windsurf :
Vous pouvez également demander à Cascade d’ouvrir le Browser en saisissant « Open Windsurf Browser ». Cela déclenchera un appel d’outil open-browser.Cliquer sur n’importe quel lien dans le panneau de conversation ouvrira également le Windsurf Browser.
2

Naviguer normalement

Recherchez sur le Web et consultez des pages, de la documentation, des issues GitHub, etc., et déboguez des applications, comme vous le feriez avec n’importe quel autre navigateur !
3

Envoyer des éléments à Cascade, ou laisser Cascade s’y référer pour vous

Envoyez le contenu de la page — onglets/pages ouverts, extraits de texte, diagrammes, logs, et plus encore — à Cascade.

​
Outils du navigateur

Cascade a accès aux outils suivants liés à Windsurf Browser :
  • Take Screenshot - Prendre une capture d’écran de la page web.
  • Capture DOM Tree - Récupérer la structure du DOM pour identifier et extraire des éléments de la page.
  • Open URL - Ouvrir une nouvelle URL dans un nouvel onglet du navigateur.
  • Retrieve Browser Pages - Récupérer la liste des pages pertinentes ouvertes dans le navigateur.
  • Read Browser Page - Lire le contenu d’une page spécifique dans le navigateur.
  • Capture Console Logs - Récupérer les logs de la console JavaScript, les erreurs et la sortie de débogage des pages du navigateur.
  • Browser Preview - Lancer un aperçu du navigateur pour les serveurs web locaux et les applications en développement. Vous pouvez l’ouvrir dans un nouvel onglet du Windsurf Editor.

​
Ce à quoi Cascade peut accéder

  • Contenu de la page - Texte, extraits de code
  • Logs de console - Erreurs JavaScript et sorties de débogage
  • Structure du DOM - Éléments HTML et mise en page
  • Plusieurs onglets - Contenu de tous les onglets du navigateur ouverts
  • Diagrammes interactifs - Figures, graphiques et autres composants interactifs
Par exemple, voici quelques cas d’usage que notre équipe a testés et jugés utiles :

Diagrammes

Renvoyez dans Cascade des graphiques interactifs rendus en JS depuis Grafana, Google Analytics, Firebase Analytics, etc.

Analytics et logs

Renvoyez dans Cascade des logs provenant de Jenkins et GitHub.

Documentation technique

Fonctionne particulièrement bien en conjonction avec notre outil de recherche web et documentation.

​
Notes techniques

  • Basé sur Chromium en mode debug
  • Accès complet à Chrome DevTools
  • Nous utilisons un profil utilisateur de débogage dédié pour Windsurf
  • Compatible avec l’ensemble des standards Web modernes

Chromium

Consultez la documentation officielle de Chromium pour en savoir plus.