SuperAPI AI 工具集

chrome-devtools

智能体与模型

查看项目

更新于 10-16 02:35

技能介绍

用途:用 Claude 控制真实 Chrome 浏览器,在用户已登录的会话中操作网站,无需重新认证,适用于 Gmail、Google Docs、Notion、CRM 等。

主要能力:导航 URL、创建/关闭/切换标签页、调整窗口;点击、输入、填表、拖拽、悬停、按键、上传文件;读取页面内容、DOM 状态、控制台日志与网络请求;截图、DOM 快照、执行 JavaScript、性能追踪;设备模拟与视口调整;将交互录为 GIF、保存工作流快捷方式;支持按日/周/月/年触发的定时任务。

使用方式:两条集成路径。一是 Claude Code + Chrome 扩展,终端中运行 claude --chrome 控制浏览器;二是 Chrome DevTools MCP,通过 claude mcp add chrome-devtools --scope user npx chrome-devtools-mcp@latest 添加,提供 26 个浏览器自动化工具。扩展还独立支持工作流快捷方式、定时任务与多标签协调。

适用场景:跨站点重复性浏览器流程自动化、前端问题调试(控制台与网络检查)、多标签数据提取流程规划、录制并调度周期性浏览器任务。

限制:需最新稳定版 Google Chrome、Claude in Chrome 扩展 1.0.36+、Claude Code CLI 2.0.73+、Pro/Team/Enterprise 计划;DevTools MCP 需 Node.js 20.19+。不支持其他 Chromium 浏览器(Brave、Arc、Edge)、WSL、移动设备;无头模式仅 DevTools MCP 支持,扩展路径不支持。Claude 会为新任务打开新标签页,不接管已有标签;遇到 CAPTCHA、登录提示和模态框会暂停,需手动处理后让其继续。填表指令需明确字段名、值与顺序;请求控制台日志应指定模式或错误类型。默认启用 Chrome 会增加上下文占用,建议按需使用 --chrome。