它补上的环节:验证
Claude Code 写代码早已顺手,但「改完了到底行不行」一直要你自己开浏览器点一遍。Chrome 集成把这一步收进会话:Claude 构建完成后自己打开页面、走一遍用户流程、读报错、回来改代码。官方能力清单里最实用的六项:
- 实时调试:直接读 Console 报错和 DOM 状态,然后修引发它们的代码。
- 设计核对:按 Figma 稿写完 UI,开浏览器比对是否一致。
- Web 应用测试:表单校验、视觉回归、用户流程验证。
- 已登录应用操作:Google Docs、Gmail、Notion——用你的登录态,免 API 连接器。
- 数据提取:从页面拉结构化数据存到本地。
- 会话录制:把浏览器操作录成 GIF,用来复现问题或交作业。
前置条件:这是订阅功能
| 条件 | 要求 |
|---|---|
| 浏览器 | Chrome / Edge,Brave、Arc、Vivaldi、Opera 等 Chromium 系可检测连接 |
| 扩展 | Claude in Chrome ≥ 1.0.36(Chrome Web Store) |
| 套餐 | Pro / Max / Team / Enterprise 直连套餐 |
| 认证 | 必须 /login 登录 claude.ai 账号;API key / setup-token 会话保持关闭,Bedrock / Vertex / Foundry 不可用 |
| 环境 | WSL 不支持;Windows 用户需在原生侧运行 |
只有第三方云通道的团队要用这功能,得单独配一个 claude.ai 账号。对国内个人开发者,这是 Pro / Max 订阅相对 API 直连的一个实际增值点。
上手:--chrome 与 /chrome
claude --chrome
# 首次启动有一次性介绍弹窗,回车继续
# 试一个任务
Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear浏览器动作前的权限弹窗以「Claude in Chrome wants to」开头,可选对该站点本会话全放行。任何时候/chrome 查连接状态、重连扩展、多浏览器间选择;状态面板显示 Status: Enabled + Extension: Installed 即就绪。没装扩展时 Claude 需要浏览器会弹一次安装引导(每会话至多一次),选 Install extension 走引导安装、当场接续任务。
不想每次传旗标:/chrome 里选 Enabled by default。代价是浏览器工具每个会话都加载、持续吃上下文——官方明说 觉得上下文涨得多就关掉,按需 --chrome。
安全模型:三层边界
- 可见性:动作在可见 Chrome 窗口实时发生,标签页收进会话专属的标签组,/clear 结束时按规则清理。
- 人工接管点:登录页和 CAPTCHA 一律暂停交还给你,Claude 不代填凭证。
- 站点级权限:继承扩展设置——它能浏览、点击、输入哪些网站由你在扩展里划定。网银、后台管理这类站直接不授权。
plan 模式下还有一道读写分界:read_page、get_page_text、读 Console / 网络请求、截图这类只读调用免弹窗;点击、输入、导航、录 GIF 等改状态调用要批准。带改状态旗标的「只读」调用 (如截图带 save_to_disk)也按改状态处理,batch 调用里只要混进一个写动作整批都要批。
三个直接可抄的工作流
1. 本地应用验证
我刚更新了登录表单校验。打开 localhost:3000,
用非法数据提交表单,检查错误提示是否正确出现。2. Console 定位报错
打开 dashboard 页面,检查加载时 Console 有没有报错。官方提示:日志可能很啰嗦,告诉 Claude 要过滤的模式(如只看 error 级别),别要全部输出。
3. 修 bug 闭环
复现 issue #182:打开 /orders 页按「导出」,
读 Console 和网络请求找失败原因,修掉后再验证一遍导出成功。想看全部可用浏览器工具:/mcp 里选 claude-in-chrome → View tools。
与 Computer Use、云端会话的分工
| 能力 | 驱动方式 | 适合 |
|---|---|---|
| Chrome 集成 | 扩展直连 DOM,快而准 | Web 应用测试、调试、已登录站操作 |
| Computer Use | 截图感知 + 模拟点击 | 桌面原生应用、跨应用流程 |
| 云端会话 | 反方向:浏览器里跑 Claude Code | 无人值守任务;不操作你的本地浏览器 |
使用清单
- 扩展权限白名单从 localhost 和文档站起步,按需逐站放开;敏感站点永不授权。
- 默认不开 Enabled by default,用 --chrome 按次启用,守住上下文预算。
- 调试任务写明要过滤的日志模式,避免 Console 全量输出灌满上下文。
- WSL 用户把 Claude Code 装到 Windows 原生侧再用本功能。
- 公司管控场景:组织可用 deniedMcpServers 管理设置禁用 claude-in-chrome,装了也不会弹安装引导。
「写码的和验证的是同一个智能体」听起来是小改进,用一周就回不去了——修 bug 的反馈回路从「你来回切窗口」变成 Claude 自己转,你只在权限弹窗和最终 diff 上把关。