Windsurf Browser es un navegador totalmente funcional que conecta tu flujo de trabajo de desarrollo con las actividades web. Windsurf Browser ejecuta una aplicación de Chromium en tu dispositivo. Tu almacenamiento, cookies, inicios de sesión, perfiles de Chrome, etc. se guardan de forma segura de manera local y persisten entre sesiones. Esto potencia los flujos de trabajo al dotar a Cascade de herramientas de navegación como la captura de pantallas y del árbol DOM, además de exponer a Cascade el contenido del navegador, el historial y los logs mediante @-mentions.
Windsurf Browser está actualmente en beta y está disponible para todos los usuarios del plan gratuito, Pro y Teams. La disponibilidad para Enterprise se irá implementando de forma gradual — contáctanos para obtener más información

Cómo abrir

1

Open the Windsurf Browser

Puedes abrir el Windsurf Browser haciendo clic en el siguiente botón, en la esquina superior derecha de la interfaz de Windsurf:
También puedes pedirle a Cascade que abra el Browser escribiendo “Open Windsurf Browser”. Esto ejecutará la herramienta open-browser.Hacer clic en cualquier enlace dentro del panel de conversación también abrirá el Windsurf Browser.
2

Browse normally

Busca en la web y visualiza páginas, documentación, issues de GitHub, etc., y depura aplicaciones, tal como usarías cualquier otro navegador.
3

Send components to Cascade, or let Cascade reference it for you

Envía contenido de la página como pestañas/páginas abiertas, fragmentos de texto, diagramas, logs y más a Cascade.

Herramientas del navegador

Cascade tiene acceso a las siguientes herramientas relacionadas con Windsurf Browser:
  • Tomar captura de pantalla - Toma una captura de pantalla de la página web.
  • Capturar árbol del DOM - Obtiene la estructura del DOM para identificar y extraer elementos de la página.
  • Abrir URL - Abre una nueva URL en una pestaña nueva del navegador.
  • Obtener páginas del navegador - Obtiene la lista de páginas relevantes abiertas en el navegador.
  • Leer página del navegador - Lee el contenido de una página específica en el navegador.
  • Capturar logs de la consola - Obtiene los logs de la consola de JavaScript, errores y mensajes de depuración de las páginas del navegador.
  • Browser Preview - Inicia una vista previa del navegador para servidores web locales y aplicaciones en desarrollo. Puedes abrirla en una nueva pestaña dentro de Windsurf Editor.

A qué puede acceder Cascade

  • Contenido de la página - Texto, fragmentos de código
  • logs de consola - Errores de JavaScript y salida de depuración
  • Estructura del DOM - Elementos HTML y diseño de la página
  • Múltiples pestañas - Contenido en todas las pestañas del navegador abiertas
  • Diagramas interactivos - Figuras interactivas, gráficos y otros componentes
Por ejemplo, estas son algunas cosas útiles que nuestro equipo ha probado y que han demostrado su valor:

Diagrams

Envía a Cascade gráficos interactivos renderizados con JS desde Grafana, Google Analytics, Firebase Analytics, etc.

Analytics and Logs

Envía logs desde Jenkins y GitHub a Cascade.

Technical Documentation

Funciona especialmente bien en conjunto con nuestra herramienta de búsqueda en la web y en la documentación.

Notas técnicas

  • Basado en Chromium en modo de depuración
  • Acceso completo a las Chrome DevTools
  • Usamos un perfil de usuario dedicado a la depuración en Windsurf
  • Compatible con todos los estándares web modernos

Chromium

Accede a la documentación oficial de Chromium para obtener más información.