Claude Code 突然多了个内置浏览器,我用了两天想说实话 📅 2026/7/13 15:49:43 Claude Code 突然多了个内置浏览器我用了两天想说实话上周五下午我照常打开 Claude Code 准备改一个 bug习惯性先敲了下 CmdShiftB —— 这是我在终端里切代码和浏览器之间的肌肉记忆。等等浏览器先打开了。不是外部浏览器是在 Claude Code 窗口里面直接弹出来一个标签页。我愣了一下然后意识到这应该是前两天更新后加的东西。之前确实在更新日志里看到「Week 28」的字样但没细看以为又是修 bug 和优化性能。结果是一个完整的嵌入式浏览器就躺在 CtrlShiftB 后面。我第一反应跟大多数开发者一样终端 IDE 里嵌浏览器这种操作以前试过的人不少最后无非两个结局——要么因为太慢没人用要么因为太占资源被砍掉。JetBrains 的 Web Preview 用过吧VS Code 的 Simple Browser 用过吧体验都一言难尽。但我已经按了快捷键标签页确实打开了里面加载的是我上一条命令跑起来的本地开发服务器。我盯着那个窗口看了几秒试着敲了个 Claude Code 的指令「打开我的项目 README」。浏览器标签页直接跳到了 GitHub 的仓库首页。不是给我一个链接让我自己点是它自己打开、自己渲染、自己读完了内容。到这一步我才开始认真起来。我决定花两天时间认真用一下这个新功能看看它到底是真有用还是又一个大号鸡肋。以下是我两天下来最真实的感受。第一天上午把能打开的网站全试了一遍我第一件做的事是打开各种类型的页面看看它到底能做什么。首先是文档网站——Anthropic 的官方文档、React 的文档、Tailwind 的文档。加载速度跟在 Chrome 里没什么区别渲染也完全正常。然后是本地开发服务器localhost:3000 的 Next.js 应用交互没问题。接着试了试 Figma 的设计稿页面——能打开但交互有点卡毕竟不是专门为设计工具优化的。然后我试了一个比较有意思的场景我在调试一个 API 返回的 JSON 数据格式问题之前是 console.log 打印出来然后切到浏览器看效果再切回来改代码。现在直接在 Claude Code 里打开 localhost 页面看效果发现问题后在同一窗口里跟 Claude 说「第三行字段应该是驼峰命名」它直接在编辑器里改代码改完我看浏览器自动刷新了。整个循环从「改→切→看→切→改」变成了「改→看→改」少了两次切换。看起来没什么大不了的但一天下来几十次来回这个区别很明显。第一天下午开始撞墙新鲜感过了之后我开始认真地测试边界。第一个发现的问题这个浏览器用的是隔离的 Profile没有你 Chrome 里保存的登录态。也就是说如果你想用它来登录后台系统或者访问需要 SSO 的内部工具得手动输账号密码。沙箱安全是好事但这意味着你跟登录过的 SaaS 工具之间隔了一层。更麻烦的是如果你平时的开发工作流依赖 Chrome 插件——比如 React DevTools、Redux DevTools、JSON Formatter——这些东西在这个内置浏览器里一个都没有。然后我在一个需要 OAuth 回调的页面踩了坑本地开发的应用做了 GitHub OAuth回调 URL 配的是 localhost:3000。在正常浏览器里走一遍流程没问题但在 Claude Code 的内置浏览器里GitHub 授权完之后跳回 localhostSession 根本拿不到。原因简单浏览器的 Profile 是隔离的我 GitHub 的登录态、Cookie、OAuth token 全在正常 Chrome 里。不是功能缺陷是安全设计取舍——只是如果你做的是第三方 OAuth 集成类开发这个坑可能卡你十分钟。还有一个我觉得挺遗憾的点内置浏览器目前没有开发者工具。不能打开 DevTools 看 Network 请求、Console 日志、Elements 面板。这其实挺合理的——Anthropic 做这个浏览器的目的是让 Claude 能看到网页不是让开发者调试网页。但我当时确实产生了一个想法要是它能调 DevTools我写文章的时候就不用截图了。第二天真正进入工作流经过第一天的摸索我开始调整自己的工作方式来适应这个新工具。最重要的变化在于我不再把内置浏览器当成一个需要学会使用的功能而是把它看作 Claude Code 能力的一个扩展——不是给我看的是给 Claude 看的。之前用 Claude Code 写前端组件的时候有一个典型痛点我描述了一个 UI 问题Claude 理解了改了代码但我得自己切到浏览器确认改得对不对。如果不对再描述一遍再切出去看。现在不一样了。我直接跟 Claude 说「打开 localhost:3000 看现在的页面状态」它打开浏览器看完截图跟我说「标题区的 padding 左右不一致左侧 24px 右侧 16px」。然后我说修一下它自己改了 CSS再刷新页面确认一遍。全程我没碰浏览器。这个转变很有意思——之前是「我指挥 Claude 写代码我自己验证结果」现在是「我提出需求Claude 自己去写、自己去验证、自己迭代直到满意」。我变成了一个代码审查者而不是一个手动测试者。对于频繁调试 UI 样式的人来说这种工作方式的改变比节省几次快捷键切换大得多。另一个实际收益是文档查找速度。以前碰到不熟悉的库我的流程是复制错误信息 → 浏览器打开 → 粘贴搜索 → 翻文档 → 找到 API 用法 → 切回代码。现在就是在 Claude Code 里把错误贴给 Claude → 它自己打开浏览器搜文档 → 找到解决方案 → 直接在代码里修。后者快一倍不止。一些需要面对的现实说了不少好的方面也有几个地方我觉得现阶段还不是那么美好。首先是性能。内置浏览器本身不慢加载速度和渲染都跟正常浏览器差不多。但它跑在 Electron 容器里如果你同时开了多个 Claude Code 会话——我之前习惯开两三个窗口处理不同项目——每个窗口都加载一个浏览器实例内存占用就上去了。我的开发机是 32GB 内存开两个会话加浏览器再加 IDE 大概吃到 10GB 左右还能接受。但如果是 16GB 的机器建议只开一个会话。然后是交互限制。内置浏览器目前只支持点击、输入、滚动这些基本的网页操作。像 hover 触发弹出层、拖拽、文件上传这类稍微复杂一点的交互有些能工作有些不能。不是功能缺失的问题——Anthropic 肯定有他们的开发优先级——但在一些特定场景下你会发现「这个操作我做不了得切回 Chrome」。比方说我试了在浏览器里拖拽一个文件到上传区域没反应。这不是 bug是一个安全限制。还有一个容易被忽略的点公司网络环境。如果你的开发环境在内网需要走代理或者 VPN 才能访问外部网站内置浏览器能不能顺畅工作取决于你的代理配置是否在系统层面生效。Claude Code 的内置浏览器走的是系统 HTTP 代理设置不走环境变量 HTTP_PROXY。所以如果你跟我一样平时用终端代理切来切去可能需要多配一步。我为什么觉得这个方向对了用了两天之后我想通了一件事Anthropic 做这个内置浏览器真正的思路不是「给开发者一个不用切出 IDE 的浏览器」而是「给 AI Agent 一个能主动获取网页信息的能力」。前者是给人类用的后者是给 AI 用的。这两者的区别很大。如果它只是一个「内嵌浏览器」——就像 VS Code 那个从来没被认真用过的 Simple Browser——那它大概率会落灰。开发者不需要第二个 Chrome。但 Claude Code 的内置浏览器不是给我用的是给 Claude 用的。我敲命令让它去读文档、去看页面、去验证效果它自己打开浏览器、自己操作、自己把结果总结回来。那这个能力就不是「锦上添花」了。我回忆了一下目前主流 AI 编程工具在「验证」这一步的现状GitHub Copilot 能补全代码不能告诉你编译通不通。Cursor 能写代码能预览 UI但不能主动去查文档验证自己的方案对不对。Windsurf 有 Agent 模式但它的 Agent 跑在云端打不开你的 localhost。Claude Code 之前也有局限它能改代码、能跑命令、能看错误输出但那些需要「视觉验证」的东西——「这个界面对不对齐」「这个配色好不好看」「这个组件在移动端显示是否正常」——它看不到。内置浏览器补上了最后一块。Claude 现在能写代码编辑文件、能执行代码运行命令、能验证代码打开浏览器看效果。这三件事闭环了干活的时候就很少需要我亲手介入验证环节。两周前的对比我又想起来两周前尝试 Aider 时的体验。Aider 在终端里跑得很快Git 集成也做得很好但有一个本质区别Aider 依赖我告诉它「改完的效果怎么样」。我说「标题字体太大了」它改。我说「还是大」它再改。我说「导航栏间距不对」它改我说「不对再改」——整个过程我一直在做人工反馈循环。Claude Code 加了内置浏览器之后它自己看到了效果自己判断自己迭代。反馈回路从人类闭环变成了 AI 半闭环。这让我觉得这次更新不是一个简单的功能新增而是一个信号AI 编程工具正在从「写代码的副驾驶」变成「能独立完成开发任务的初级工程师」。副驾驶需要你盯着路况随时接管初级工程师做完事情会自己检查一遍再提交给你 review。这两者需要的信任级别完全不一样。值不值得升如果你在用 Claude Code 桌面版更新到最新版本按 CtrlShiftB 就能用了不需要任何配置。这个功能现在已经默认包含在 Pro 和 Max 套餐里不需要额外付费。我觉得最值得尝试的人群前端开发工程师——你改 UI 的时候终于不用自己来回切出去看了。写组件、调样式、验证响应式这些可以交给 Claude 自己跑一遍流程你看最终效果就行。文档密集型项目——每天花大量时间翻第三方文档、查 API、搜 Stack Overflow这部分工作 Claude 加内置浏览器之后可以帮你分担很大比例。全栈独立开发者——一个人管前后端切上下文的成本本来就高。内嵌浏览器让你在一个界面里完成「改代码→看效果→改回来」的循环没有被工具打断的焦虑感。不太适合的目前主要是极度依赖 Chrome DevTools 的人——调试 Network、看 Console、Profiling 性能这些还是得回 Chrome。或者说如果你本来就习惯在 Chrome 里做大部分工作只偶尔回来改代码那内置浏览器对你的价值不大。最后说两句实话这个功能不是什么革命性的技术突破。不如说它简单到你会奇怪为什么到现在才有人做。但就是这种「简单到没人做」的事情往往最改变工作习惯。从我这两天的体验来看内置浏览器最有价值的地方不在于它本身多强大而在于它让 Claude Code 的「写代码→跑代码→看效果」三环终于串起来了。之前是三个节点我站在中间当胶水。现在是三个节点串成一条线我在起点提需求在线尾验收结果。中间那段路让 AI 自己走。这种体验上的细微差别不实际用两天很难体会到。如果非要用一句话总结它不是让你写代码写得更快是让你不用反复在工具之间切来切去把注意力留在真正需要判断的地方。哦对了最后提醒一句如果你公司的内网环境需要走 PAC 代理内置浏览器可能走不通——它用的是系统 HTTP 代理不支持 PAC。这个我花了一刻钟才排查出来希望你能少踩这个坑。上面这张图大概说清楚了变化的核心。以前的工作流是线性的——编辑器里写完代码→切换到浏览器看效果→发现问题→切回编辑器改→再看看。每一个来回都消耗一点注意力和时间看起来不多但一天下来这个「切换税」是实打实的。内置浏览器之后Claude 自己替我走完了中间那段切换的路我只需要告诉它想要什么结果、验收它交上来的方案。说实话作为一个写了十年代码的人这种「有人替你把过渡工作干了」的感觉还挺微妙的。不习惯但我觉得这是正确的方向。现在回看两周前用 Aider 时的体验区别就更明显了。Aider 在终端内编辑文件的体验很顺畅但它没有自己的运行环境和验证手段。改了代码之后要不要编译、编译有没有报错、跑起来效果对不对——这些全得靠我手动完成。而 Claude Code 有了内置浏览器之后这三个阶段全都跑在一个进程里。AI 写的代码AI 自己编译命令执行能力AI 自己验证浏览器查看能力。开发者从流水线工人的角色变成了质检员的角色。这中间的区别是过去半年 AI 编程工具最大的变化趋势。还有一个你可能没注意到的细节Anthropic 在这个版本里给了一些额外的配置选项藏得有点深。打开 Claude Code 的设置面板在 Experimental 区域里能找到 Browser 相关的配置项。你可以限制内置浏览器允许访问的域名白名单——比如只允许 localhost 和公司内部文档站点禁止访问生产环境或者外部社交网站。对于团队协作场景来说这个设置挺重要的。Manager 可以把它锁在项目配置里团队成员用内置浏览器的时候就只能访问开发环境和文档站不会出现 AI 误操作跑到生产环境去的情况。我觉得这个设计比 OpenAI 之前那款单独浏览器工具的思路要务实很多——工具不是越独立越好越融入工作流越好。一个让我心态转变的瞬间第二天下午我在调一个图表组件的响应式适配。之前的做法改一个断点、切浏览器看效果、截图对比、再改下一个断点。每次的「切出去看一下」大概消耗我 10 到 15 秒的专注力。不是说时间多长是中断很要命——那种「我正沉浸在一个问题里突然被打断」的感觉。用内置浏览器之后我第一次尝试让 Claude 自己调我跟它说「这个图表在 768px 以下标题折行了修一下」。它打开浏览器、截了当前状态的图、找到问题 CSS、改了 media query、刷新页面、再截图给我看。全程大概一分半钟。这一分半钟里我没中断自己的思路在做别的事——我在看下一个需求的文档。当我回到聊天窗口看到「已修复左图是之前右图是之后」的对比截图时说实话有一种很奇怪的轻松感。不是「AI 真强」的那种震撼是「终于不用我再干这事了」的那种踏实。这种感觉其实挺值得品一下的。过去两年 AI 编程工具的进步一直在围绕「写代码」这个环节加速——补全更快、生成更多、理解更准。但验证环节几乎没怎么变。你永远要自己验证 AI 写出来的东西对不对。现在终于有一个工具开始覆盖闭环的最后一块。它还不够完美但方向我确定是对的。