MDZelo
首页/Claude Code 254个真实案例/2. 在一个会话中测试本地网页应用并修复错误

2. 在一个会话中测试本地网页应用并修复错误

他们做了什么

通过 claude --chrome 或 /chrome 命令,把 Claude in Chrome 扩展连接到 Claude Code。它共享开发者真实的 Chrome 会话,包括登录状态,访问新域名时需要批准一次。在被要求为一个仪表盘表格添加筛选功能时,Claude 编写了组件,打开页面试用筛选,发现 URL 查询参数没有更新,于是修复了路由逻辑,并刷新页面确认修复生效。

结果如何

这个筛选功能的例子迭代了三次,开发者全程无需操作浏览器。这套设置只能在开发者自己的工作站上使用:它需要一个可见的 Chrome 窗口,所以无法在 CI 或无界面环境中运行,而且只支持 Chrome 和 Edge。

需要知道

浏览器交互非常消耗 token,每次交互约占上下文的 7.7%。作者称按 API 计费简直是"烧钱",重度使用需要 Max 订阅。

你可以这样尝试

用 [启动命令] 在本地启动我的应用,然后在 Chrome 中打开 [本地地址],点击走一遍 [功能或流程]。读取浏览器控制台和网络错误,在代码中找到原因并修复。重复这个过程,直到流程跑通且控制台没有报错。然后总结你改了什么。未经询问不要提交或推送任何内容。

评论

0

分享你对这一章的想法

还没有评论成为第一个分享想法的人。