浏览器集成

Claude Code 可以直接与 Chrome 浏览器交互，实现"修复 bug 并验证"的完整闭环。

安装 Chrome 扩展

从 claude.ai/chrome 安装 Claude Code Chrome 扩展（需要 1.0.36+ 版本）。

能力

能力	说明
导航页面	打开 URL、前进后退
点击交互	点击按钮、填写表单
读取控制台	获取 console 错误和日志
检查 DOM	读取页面结构和内容
截图	页面或元素截图

使用方式

在 VS Code 中使用 @browser 触发浏览器自动化，或在终端中直接描述浏览器操作：

打开 localhost:3000，检查登录表单是否能正常提交

截取当前页面的控制台错误，帮我分析原因

实践建议

浏览器集成最大的价值是"修复-验证"闭环：Claude 修改代码后，直接打开浏览器验证效果，无需手动切换。开发前端时特别有用，特别是调试表单验证、路由跳转等交互逻辑。