AI 开发闭环了：从写代码到控制浏览器，中间不需要你 CLAUDE CODE × CHROME ／ WORKFLOW
AI 开发闭环了：从写代码到控制浏览器，中间不需要你
原创 Sol AI原住民笔记2026年3月3日 17:52印度尼西亚
CLAUDE CODE × CHROME ／ WORKFLOW
AI 开发闭环了：
从写代码到控制浏览器，
中间不需要你
写完代码，Claude 自己打开 Chrome，自己点按钮，自己填表单，自己截图告诉你哪里炸了。你坐在那儿喝咖啡就行。
这不是 demo，不是概念视频，不是"即将推出"。这是现在就能用的东西。Anthropic 刚刚把 Claude Code 和 Chrome 浏览器扩展打通了，意味着你的 AI 编程助手，现在有了一双手——能操作真实的浏览器，看到真实的页面，点击真实的按钮。
AI 开发，闭环了。
···
先说清楚这意味着什么
BEFORE vs AFTER
以前：你是人肉中间件
AI 写代码→你手动跑→你开浏览器→你点击测试→你截图→你粘贴给 AI→AI 改→你再测
= 需要你手动操作
现在：AI 全自动
AI 写代码→AI 开浏览器→AI 测试→AI 看报错→AI 改代码→AI 再测
= AI 全自动完成
你从"操作者"变成了"审批者"。
这个变化听起来只是省了几步操作，但本质上是一次角色转换——你不再是流水线上的工人，而是坐在监控室里的人。
···
怎么用：从零开始设置
别被"浏览器自动化"这个词吓到。整个设置过程大概五分钟。
前置条件：Chrome 或 Edge 浏览器 ＋Claude Pro / Max / Teams / Enterprise
1
装 Chrome 扩展
Chrome Web Store 搜 "Claude"，安装 Anthropic 官方的 "Claude in Chrome" 扩展。版本号 ≥ 1.0.36。Edge 同样兼容。
2
确认 Claude Code 版本
claude --version# 确保 ≥ 2.0.73
如不满足，更新：npm install -g @anthropic-ai/claude-code@latest
3
连接 Chrome
# 方式一：启动时带参数
claude --chrome
# 方式二：进入后输入
/chrome → 选 "Enabled by default"
首次连接需重启 Chrome。连接成功后/chrome显示 "Connected"。
4
管理站点权限
点击 Chrome 工具栏 Claude 图标 → 设置页面，按需开关每个网站的访问、点击和输入权限。
设置完了。接下来看它能干什么。
···
一个完整的闭环：从提交代码到发推文
别看零散的场景了。我直接给你一个真实的、从头到尾的工作流。假设你刚用 Claude Code 写完一个新功能——给你的 SaaS 产品加了个暗黑模式。
FULL WORKFLOW
提交 PR→看 Code Review→测 Preview→修 Bug→合并→验证生产→发 X→发公众号
全流程你只需要做两件事：确认合并 + 确认发布
1
提交 GitHub，让 AI 盯着 Code Review
你让 Claude 把代码提交到 GitHub，创建一个 Pull Request。
把当前的改动提交到 GitHub，创建一个 PR，
标题写 "feat: add dark mode support"，
描述里写清楚改了什么。
Claude 会执行 git 操作，推送代码，调用 GitHub API 创建 PR。如果仓库配了BugBot 或类似的 AI Code Review，它们会自动开始跑。
帮我打开刚才那个 PR 的页面，看看 BugBot
有没有留评论，CI 检查过了没有。
如果有问题，告诉我具体是什么。
Claude 打开 GitHub PR 页面，滚动到评论区，读 BugBot 的反馈。如果 BugBot 说"这个函数有潜在的内存泄漏"，Claude 会直接告诉你，然后问你要不要修。
你不需要自己去 GitHub 页面上翻评论。AI 替你看了。
2
在 Vercel 测试环境跑一遍
Vercel 的 Preview 部署应该好了。帮我打开
Preview URL，测试一下暗黑模式：切换主题开关，
检查所有页面的颜色有没有正确切换，看看控制台
有没有报错。顺便截几张图给我看。
Claude 打开 Vercel 的 Preview 链接，点击主题切换按钮，逐个页面检查。它能看到页面实际渲染的样子，能读控制台的错误日志，能截图。
如果发现问题——比如某个组件在暗黑模式下文字颜色没变，白字白底看不见——它会截图告诉你，然后直接定位到对应的 CSS 文件，问你要不要改。
代码审查和浏览器测试，同步进行，中间不需要你切任何窗口。
3
确认没问题，合并 PR
BugBot 没意见了，CI 全绿了，Preview 环境测试通过了。你说一句"都没问题了，帮我合并这个 PR"。Claude 打开 GitHub 页面，点 "Merge pull request"。Vercel 自动触发生产环境部署。
生产环境部署完成后，帮我打开 https://myapp.com，
再走一遍暗黑模式的流程，确认线上没问题。
从 Preview 测试到生产验证，一条龙。
4
去 X 发更新公告
这是 Claude + Chrome 最被低估的能力——它共享你浏览器的登录状态。你登录了 X，它就能帮你发推。你登录了微信公众号后台，它就能帮你发文章。
功能上线了。帮我做两件事：
1. 打开 X，发一条推文：说暗黑模式来了
2. 打开微信公众号后台，发个更新日志
以前这个流程需要在终端、GitHub、Vercel、浏览器、X、公众号后台之间反复横跳。每一次切换都是上下文丢失，每一次切换都是时间黑洞。
以前
6
个窗口来回切换
现在
1
个终端搞定一切
···
几个你可能会踩的坑
连接断开
Chrome 扩展的 Service Worker 长时间不活动会休眠。输入/chrome→ "Reconnect extension" 即可。
弹窗阻塞
JS 的 alert / confirm / prompt对话框会阻塞事件循环，Claude 会卡住。手动关掉弹窗，然后告诉它继续。
登录和验证码
遇到登录页面或 CAPTCHA 会自动暂停，让你手动处理。设计如此——它不会替你输密码。
Windows 用户
可能遇到命名管道冲突（EADDRINUSE），关掉其他 Claude Code 会话即可。
···
这件事的更大图景
Claude Code + Chrome 只是拼图的一块。
Claude Desktop 现在也能通过 Chrome 扩展控制浏览器了——你在桌面端聊天，它在浏览器里干活。Chrome 扩展本身还支持录制工作流、定时任务、快捷指令。
但真正让我觉得"这事要变天"的，是另一条新闻。
2 月 25 日，Anthropic 宣布收购了一家叫Vercept的公司。这家公司做的事情很简单也很恐怖：让 AI 像人一样操作电脑。它们的产品叫Vy，能控制一台远程 MacBook，跨应用完成多步骤任务——不是调 API，是真的在屏幕上点来点去，像一个坐在电脑前的人。
Vercept 融了 5000 万美元，投资人里有Eric Schmidt（前 Google CEO）和 Jeff Dean（Google AI 负责人）。团队核心成员来自 Allen Institute for AI，专攻视觉感知和人机交互。
Anthropic 收购它的目的很明确：强化 Computer Use.
OSWORLD 基准测试 — AI 操作真实桌面环境
Claude（2024.10 首发）14.9%
OpenAI GPT-5.238.2%
Claude Sonnet 4.672.5%
Claude Opus 4.672.7%
不到两年：14.9% → 72.7%。收购 Vercept 后，这个数字只会继续涨。
你想想这意味着什么。
现在 Claude Code + Chrome 的模式，本质上还是通过浏览器扩展来控制网页。它能操作的范围限定在浏览器里。
但 Computer Use 不一样。它操作的是整个桌面。
能力半径扩展
现在 — 浏览器闭环
网页操作点按钮填表单读控制台截图
即将 — 桌面闭环
Figma 对比设计稿终端跑测试Slack 发消息Excel 更新邮件发周报一切桌面应用
当 Computer Use 成熟到可以直接塞进 Claude Code 的那一天，今天我们聊的这个"浏览器闭环"就会变成一个更大的东西——桌面闭环。
AI 不只是你的编程助手。它是一个能操作你电脑上所有软件的数字员工。
这一天不远了。
···
把这些能力叠在一起，你会发现一个趋势：
AI 正在从"对话框里的助手"变成"桌面上的同事"。
它不再只是回答你的问题。它在操作你的工具，访问你的服务，执行你的任务。
对于开发者来说，这意味着一件很具体的事：你的工作重心正在从"怎么实现"转向"实现什么"。写代码的时间在缩短。思考产品、设计架构、做决策的时间在增加。
这不是"AI 要取代程序员"的老调重弹。这是工作内容的结构性变化——你还是那个做决定的人，但你手下多了一个不需要睡觉、不会抱怨、能同时操作代码编辑器和浏览器的执行者。
用好它，你一个人就是一个团队。
用不好它，你就是那个还在手动复制粘贴报错信息的人。
差距就是这么拉开的。