它补上的环节:验证

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。

安全模型:三层边界

  1. 可见性:动作在可见 Chrome 窗口实时发生,标签页收进会话专属的标签组,/clear 结束时按规则清理。
  2. 人工接管点:登录页和 CAPTCHA 一律暂停交还给你,Claude 不代填凭证。
  3. 站点级权限:继承扩展设置——它能浏览、点击、输入哪些网站由你在扩展里划定。网银、后台管理这类站直接不授权。

plan 模式下还有一道读写分界:read_pageget_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无人值守任务;不操作你的本地浏览器

使用清单

  1. 扩展权限白名单从 localhost 和文档站起步,按需逐站放开;敏感站点永不授权。
  2. 默认不开 Enabled by default,用 --chrome 按次启用,守住上下文预算。
  3. 调试任务写明要过滤的日志模式,避免 Console 全量输出灌满上下文。
  4. WSL 用户把 Claude Code 装到 Windows 原生侧再用本功能。
  5. 公司管控场景:组织可用 deniedMcpServers 管理设置禁用 claude-in-chrome,装了也不会弹安装引导。

「写码的和验证的是同一个智能体」听起来是小改进,用一周就回不去了——修 bug 的反馈回路从「你来回切窗口」变成 Claude 自己转,你只在权限弹窗和最终 diff 上把关。