Chrome 与 Web UI 测试
「Agent 改了前端，我想让它自己打开浏览器点一遍登录流程。」
Claude in Chrome（beta）让 Claude Code 连接 Chrome：打开页面、读控制台、填表、抓数据。VS Code 扩展中可用 @browser 配合测试。与「控制整个 macOS 桌面」的 Computer use 不同，Chrome 集成聚焦 Web。
启用与基本流程
Section titled “启用与基本流程”- 安装并登录 Claude Code，使用支持 Chrome 的版本（见官方 chrome 页 Plan 要求）。
- CLI 中
/chrome配置连接，或按扩展文档启用@browser。 - 提示词示例：
用浏览器打开 http://localhost:3000/login ，填测试账号，点登录，把控制台 error 列出来。- 在 diff 审查前对比截图或 DOM 结论。
边界： beta 能力、站点登录、2FA 可能需人工介入。勿对生产账号存密码于 prompt。
与 VS Code @browser 的关系
Section titled “与 VS Code @browser 的关系”多平台章 中，扩展可把浏览器上下文送进会话。分工：
| 入口 | 场景 |
|---|---|
CLI + /chrome | 终端为主、本地 dev server |
VS Code @browser | 同屏改码 + 看 diff |
Computer use（CLI，macOS）
Section titled “Computer use（CLI，macOS）”Computer use 让 Claude 操作 macOS GUI（点击、输入、截屏），适合原生应用，不仅是浏览器。风险高于 Chrome：屏幕可见内容多、误点面大。团队应限制启用范围。
体验增强（CLI）
Section titled “体验增强（CLI）”以下能力不单开章，按需查阅官方页：
| 能力 | 入口 | 文档 |
|---|---|---|
| 语音听写 | /voice [hold|tap|off] | Voice dictation |
| 快速 Opus | /fast | Fast mode |
| 状态栏 | /statusline | Status line |
| 键位 | 配置文件 | Keybindings |
| 长会话渲染 | 设置 | Fullscreen |
| 非工程场景 | output style | Output styles |
Slash 命令 表中有对应 / 项；配置细节以官方为准。
| 现象 | 可能原因 | 下一步 |
|---|---|---|
| 连不上 Chrome | 扩展未装、未授权 | 官方 chrome 故障排除 |
| localhost 打不开 | 服务未启 | 先 pnpm dev |
| 误判 UI 通过 | 未看 console | 要求必须贴 error 行 |
| Computer use 误点 | 提示含糊 | 缩小窗口；人工确认 |
用 Chrome 集成： Web 应用 E2E 冒烟、前端回归。
用 Computer use： 必须操作原生应用、无 Web 接口。
不用浏览器自动化： 纯后端、API-only 任务。
继续读下一章之前
Section titled “继续读下一章之前”- Chrome 与 Computer use 范围差异？
- 前端任务你如何写验收（console 零 error）？
/voice适合什么场景？
自检：
- 知道
/chrome与@browser入口 - 读过 chrome 官方 beta 限制
- 能说出体验增强官方链接在哪
上一章：远程会话与 Channels · 下一章：局限性与应对