O Windsurf Browser é um navegador completo que integra seu fluxo de desenvolvimento às atividades na web. O Windsurf Browser executa um app Chromium no seu dispositivo. Seu armazenamento, cookies, logins, perfis do Chrome etc. são mantidos localmente com segurança e preservados entre sessões. Isso melhora os fluxos de trabalho ao equipar o Cascade com ferramentas de navegação, como captura de tela e captura da árvore do DOM, além de expor conteúdo do navegador, histórico e logs ao Cascade por meio de @-mentions.
O Windsurf Browser está atualmente em beta e disponível para todos os usuários gratuitos, Pro e Teams. Usuários Enterprise serão incluídos gradualmente — entre em contato para saber mais

​
Como abrir

1

Abrir o Windsurf Browser

O Windsurf Browser pode ser aberto clicando no botão no canto superior direito da interface do Windsurf:
Você também pode pedir ao Cascade para abrir o Browser digitando “Open Windsurf Browser”. Isso acionará a ferramenta open-browser.Clicar em qualquer link no painel da conversa também abrirá o Windsurf Browser.
2

Navegue normalmente

Pesquise na web e visualize páginas, documentação, issues do GitHub etc., e depure aplicativos, exatamente como faria em qualquer outro navegador!
3

Envie componentes para o Cascade ou deixe o Cascade referenciá-los por você

Envie conteúdo da página, como abas/páginas abertas, trechos de texto, diagramas, logs e mais, para o Cascade.

​
Ferramentas do navegador

O Cascade tem acesso às seguintes ferramentas relacionadas ao Windsurf Browser:
  • Take Screenshot - Faz uma captura de tela da página da web.
  • Capture DOM Tree - Captura a estrutura do DOM para identificar e extrair elementos da página.
  • Open URL - Abre um novo URL em uma nova aba do navegador.
  • Retrieve Browser Pages - Recupera a lista de páginas abertas relevantes no navegador.
  • Read Browser Page - Lê o conteúdo de uma página específica no navegador.
  • Capture Console Logs - Captura logs do console do JavaScript, erros e saídas de depuração das páginas do navegador.
  • Browser Preview - Inicializa uma Prévia do Navegador para servidores web locais e aplicações em desenvolvimento. Você pode abri-la em uma nova aba dentro do Windsurf Editor.

​
O que o Cascade pode acessar

  • Conteúdo da página - Texto, trechos de código
  • Logs do console - Erros de JavaScript e saída de depuração
  • Estrutura do DOM - Elementos HTML e layout da página
  • Várias abas - Conteúdo em todas as abas abertas do navegador
  • Diagramas interativos - Figuras, gráficos e outros componentes interativos
Por exemplo, aqui estão algumas coisas úteis que nossa equipe testou e achou valiosas:

Diagrams

Envie gráficos interativos renderizados em JS do Grafana, Google Analytics, Firebase Analytics, etc. de volta para o Cascade.

Analytics and Logs

Envie logs do Jenkins e do GitHub de volta para o Cascade.

Technical Documentation

Funciona especialmente bem em conjunto com nossa web and docs search tool.

​
Notas técnicas

  • Baseado em Chromium em modo de depuração
  • Acesso completo ao Chrome DevTools
  • Usamos um perfil de usuário dedicado para depuração do Windsurf
  • Compatível com todos os padrões modernos da web

Chromium

Acesse a documentação oficial do Chromium para mais informações.