Windsurf Browser 是一款功能完善的浏览器,连接你的开发工作流与各类网页操作。 Windsurf Browser 会在你的设备上运行一个 Chromium 应用。你的存储、Cookie、登录信息、Chrome 个人资料等都会安全地保存在本地,并在会话之间持续保留。 它通过为 Cascade 提供浏览器使用工具(如截图和 DOM 树捕获),并以 @-mentions 的形式将浏览器内容、历史记录和日志暴露给 Cascade,从而增强工作流。
Windsurf Browser 目前处于测试版,对所有免费、Pro 和 Teams 用户开放。Enterprise 用户将逐步开放 — 如需了解更多,请联系我们

如何打开

1

打开 Windsurf Browser

你可以点击 Windsurf 界面右上角的按钮来启动 Windsurf Browser:
也可以在 Cascade 中输入“Open Windsurf Browser”让其打开 Browser。这会触发一次 open-browser 工具调用。在对话面板中点击任意链接也会打开 Windsurf Browser。
2

正常浏览

像使用其他浏览器一样进行网页搜索、查看网页、文档、GitHub 议题等,并调试应用即可。
3

将内容发送给 Cascade,或让 Cascade 自动引用

可将页面内容(如已打开的标签页/页面、文本片段、图表、日志等)发送到 Cascade。

浏览器工具

Cascade 可以使用以下与 Windsurf 浏览器相关的工具:
  • Take Screenshot - 对网页进行截图。
  • Capture DOM Tree - 获取 DOM 结构,以识别并提取页面元素。
  • Open URL - 在浏览器中新建标签页并打开指定 URL。
  • Retrieve Browser Pages - 获取浏览器中相关的已打开页面列表。
  • Read Browser Page - 读取浏览器中指定页面的内容。
  • Capture Console Logs - 从浏览器页面获取 JavaScript 控制台日志、错误和调试输出。
  • Browser Preview - 为本地 Web 服务器和开发应用启动浏览器预览。你可以在 Windsurf Editor 中以新标签页打开它。

Cascade 可以访问的内容

  • 页面内容 - 文本、代码片段
  • 控制台日志 - JavaScript 错误和调试输出
  • DOM 结构 - HTML 元素和页面布局
  • 多个标签页 - 所有已打开浏览器标签页的内容
  • 交互式图表 - 交互式图形、图表和其他组件
例如,以下是我们团队测试并证实有价值的一些用法:

Diagrams

将由 JS 渲染的来自 Grafana、Google Analytics、Firebase Analytics 等的交互式图表发送回 Cascade。

Analytics and Logs

将来自 Jenkins 和 GitHub 的日志发送回 Cascade。

Technical Documentation

与我们的 web and docs search 工具配合使用效果更佳。

技术说明

  • 基于 Chromium(调试模式)构建
  • 提供完整的 Chrome DevTools 访问权限
  • 为 Windsurf 使用专用的调试用户配置文件
  • 兼容所有现代 Web 标准

Chromium

查看官方 Chromium 文档以了解更多信息。