Claude Code / 平台集成
Claude Code Chrome 扩展
Chrome 扩展适合把浏览器中的产品、文档和错误页面纳入编码任务。
Chrome 扩展能做什么
Claude Code Chrome 扩展把真实浏览器纳入编码流程，用于测试 Web 应用、读取控制台日志、自动填写表单、从网页提取数据、草拟文档和录制演示。
- 测试本地 Web 应用和线上页面。
- 读取 console logs 和页面错误。
- 自动操作表单、导航多站点流程。
- 从网页提取结构化信息供代码任务使用。
启用方式
在 CLI 中连接 Chrome 后，Claude 可以使用当前浏览器。需要注意站点权限和扩展连接状态。
涉及登录态、客户数据或内部页面时，优先使用真实 Chrome 会话，但要明确隐私边界，避免让 Claude 读取不相关敏感信息。
/chrome常见问题
官方文档列出扩展未连接、未检测到扩展、没有可用标签页、接收端不存在等错误。多数情况先重启 Chrome 和 Claude Code，再用 /chrome 重新连接。
| 错误 | 处理 |
|---|---|
| 浏览器扩展程序未连接 | 重启 Chrome 和 Claude Code，运行 /chrome 重新连接。 |
| 未检测到扩展程序 | 检查 chrome://extensions 中是否安装并启用。 |
| 没有可用的标签页 | 让 Claude 创建新标签页后重试。 |
| 接收端不存在 | 扩展 service worker 休眠，重新连接扩展。 |
完整使用要点
补充官方文档中容易被压缩遗漏的核心概念、操作顺序、权限边界和验证要求，方便中文学习者按页面完整学习。
Chrome 扩展补充
Claude Code Chrome 扩展把真实浏览器纳入编码流程，适合前端调试、UI 验收、登录态页面、控制台日志、表单流程和跨站点数据收集。它的价值在于让 Claude 看到真实页面，而不是只看源码猜测。
使用时要注意隐私和范围。已登录页面可能包含账号、客户数据、内部信息或敏感链接。只让 Claude 打开任务需要的标签页，避免让它读取无关页面。
遇到连接问题时，先检查扩展是否启用、Chrome 是否有可用标签、CLI 是否重新连接。多数连接问题通过重启 Chrome/Claude 和重新运行 /chrome 可恢复。
学习检查清单
把本页内容落到真实任务中，用入口、上下文、权限、验证和团队规则五个维度检查是否真正掌握。
学习检查清单
读完本页后，不要只记住概念名。你应该能把“Claude Code Chrome 扩展”放回 Claude Code 的真实工程流程里：任务从哪里发起，系统会加载什么上下文，哪些动作需要审批，结果如何验证，失败时如何回退。
如果这是入口或平台页面，要特别确认本入口能访问哪些上下文：本地文件、云端仓库、浏览器登录态、团队消息、外部工具，以及这些上下文是否足以完成验证。
- 能用自己的话说明本页解决的具体问题，而不是只复述标题。
- 能写出一个最小示例任务，并标明目标、范围、禁止事项和验收标准。
- 能判断哪些信息应该放进当前提示，哪些应该沉淀到项目规则或配置里。
- 能说明哪些长期规则应该写进 CLAUDE.md，哪些运行行为应该交给 settings、permissions、Hooks、Skills 和 MCP。
- 能在任务完成后检查 diff、命令输出、测试结果、截图或 PR 说明，而不是只相信自然语言总结。
如果要把本页用于团队培训，可以让学员用 Claude Code 完成一个小任务：先只读解释，再提交计划，再执行最小改动，最后用真实验证命令和人工 diff 审查收尾。