SuperAPI AI 工具集

dev-test-chrome

测试与质量

查看项目

更新于 10-15 21:37

技能介绍

用途:在真实 Chrome 浏览器中做 Web 应用测试与调试,覆盖控制台错误排查、网络请求检查、页面内 JavaScript 执行、交互操作与 GIF 录制。

主要能力:navigate 导航、read_page 读取无障碍树、find 自然语言查找元素、computer 执行点击/输入/滚动/截图/等待、form_input 填表、javascript_tool 在页面上下文执行 JS、read_console_messages 读取控制台、read_network_requests 读取 HTTP 请求、get_page_text 提取文本、gif_creator 录制交互 GIF、tabs_context_mcp 与 tabs_create_mcp 管理标签页。

使用方式:先确认 Chrome MCP 工具可用(如 mcp__claude-in-chrome__read_page、navigate、read_console_messages、read_network_requests),不可用则停止。执行截图或 E2E 前须完成 dev-tdd 的 6 个门禁:BUILD、LAUNCH(文件日志)、WAIT、CHECK PROCESS、READ LOGS(必做)、VERIFY LOGS。读取控制台与网络时建议用 pattern/urlPattern 过滤,并在测试间用 clear=true 清空。

适用场景:需要可见浏览器的交互式调试、控制台与 API 调用取证、表单校验验证、多步交互的 GIF 证据录制。

限制:Chrome MCP 必须有可见浏览器,不能无头运行,因此不适用于 CI/CD;仅支持 Chrome,无法跨浏览器测试。CI/CD 与无头场景应改用 Playwright 技能。控制台与网络数据须通过 read_console_messages、read_network_requests 读取,不能凭 DevTools 目测或推断。

依赖:Chrome 浏览器安装 claude-in-chrome 扩展、扩展连接 Claude Code、浏览器窗口可见,并检查 Claude Code 的 MCP 配置。相关技能:dev-test-playwright(无头/CI)、dev-tdd(TDD 协议)。