指向页面元素并让 Claude Code 修复它们。使用选择器、DOM 树、流式聊天进行可视化调试。由 Fineguide.AI 提供。
指向页面元素并让 Claude Code 修复它们。使用元素选择器、DOM 树和流聊天进行可视化 Web 调试。
──────这是什么────
Claude Code Browser 是您计算机上已有的 Claude Code CLI 的配套产品。它使用您现有的 Claude Code 帐户、凭据和令牌 - 此处没有任何新内容可供登录。
它本身并不是一个独立的克劳德代码。为了让 Chrome 与 Claude Code 对话，一个小型 Node.js 帮助程序在您的计算机上本地运行，并充当该浏览器和您的 Claude Code 实例之间的桥梁。一个终端命令即可进行设置 - 如果您尚未安装 Claude Code，它也会为您安装。
⭐️⭐️它的作用⭐️⭐️⭐️⭐️⭐️
• 指向并修复 — 单击网页上的任何元素并要求 Claude Code 对其进行调试、重构或重写
• 元素选择器——自动捕获完整 DOM 上下文的可视选择器
• DOM 树 — 探索侧面板内的页面结构
• 流式聊天 — 观看 Claude Code 实时思考和编辑
• 没有屏幕截图，没有复制粘贴选择器 — 页面上下文会自动发送
────── 运作原理────
此扩展通过 Chrome 的本机消息 API 与小型本地 Node.js 桥（“claude-code-browser” npm 包）进行对话。该桥会生成一个 Claude Code 代理会话，该会话会重用您现有的身份验证，并通过 MCP 向代理公开页面上下文（DOM、屏幕截图、导航）。
⭐️⭐️设置⭐️⭐️⭐️⭐️⭐️⭐️
打开侧面板并按照屏幕上的说明进行操作：
1. 运行屏幕上显示的安装命令
2. 如果您尚未登录 Claude Code，请登录
3. 重新启动 Chrome
桥接器会在连接时自动检测，并且设置屏幕会消失。
⭐️⭐️⭐️⭐️⭐️⭐️⭐️开源与隐私⭐️⭐️⭐️⭐️
麻省理工学院下完全开源。没有遥测。页面内容保留在您的浏览器和本地 Claude Code 会话之间 - 此扩展不会将任何内容发送到任何第三方服务器。
来源：https://github.com/cmaftuleac/claude-code-browser
隐私政策：https://github.com/cmaftuleac/claude-code-browser/blob/main/PRIVACY.md
由 Fineguide.AI (Corneliu Maftuleac) 开发 — https://fineguide.ai
