SuperAPI AI 工具集

chrome-browser

智能体与模型

查看项目

更新于 10-16 09:47

技能介绍

用途:在代理工作流中自动化操作 Chrome 浏览器,覆盖测试、调试、性能分析与已登录应用交互。安装:独立脚本无需下载,技能调用 .claude/tools/chrome-browser/chrome-browser.cjs,需 Node.js v18+;完整自动化需 Chrome DevTools MCP(通常随环境提供,需安装 Chrome/Chromium)与 Claude-in-Chrome 扩展。

主要能力:Chrome DevTools MCP 支持页面列表/选择/新建、导航、可访问性快照(获取元素 UID)、截图、点击、填充表单、悬停、拖拽、按键、执行脚本、处理弹窗、上传文件、等待文本、窗口缩放、设备/网络/地理位置模拟、控制台消息、网络请求详情,以及性能追踪(Core Web Vitals、LCP 等分析)。Claude-in-Chrome 使用已登录会话,支持读取页面、自然语言查找元素、提取页面文本、表单填写、快捷键执行与 GIF 录制。

使用方式:Chrome DevTools MCP 自动可用,典型流程为 list_pages、select_page/new_page、take_snapshot 获取 UID、click/fill/fill_form、list_console_messages、list_network_requests、performance_start_trace 与 performance_analyze_insight。Claude-in-Chrome 需安装扩展 v1.0.36+、以 claude --chrome 启动、Chrome 可见且需付费 Claude 计划;必须先调用 tabs_context_mcp,再 navigate、read_page、find、computer、form_input、gif_creator。

适用场景:公开站点测试与调试、性能审计、设备与网络模拟、认证应用(Google Docs、Gmail、Notion)交互、表单自动化、演示 GIF 录制、数据提取。

限制:Claude-in-Chrome 不支持性能追踪、设备模拟有限且需付费计划;GIF 硬上限 100 帧、默认单次录制超时 30 秒,超长流程应拆分为多次录制;录制中等待加载会产生大量空帧,避免同时多次录制;弹窗 alert/confirm/prompt 会阻塞事件,模态对话框需手动关闭。该技能被自动分配给 developer、qa、security-architect、devops-troubleshooter、researcher 等代理。