SuperAPI AI 工具集

browser-debugging

测试与质量

查看项目

更新于 10-16 00:03

技能介绍

用途:在真实浏览器中系统测试 UI 功能、验证设计还原度、监控控制台输出与网络请求,并辅助排查视觉与运行时问题。

主要能力:通过 Claude-in-Chrome 扩展 MCP 工具进行导航、截图、读取 DOM 与页面文本、点击/悬停/输入/按键、调整窗口尺寸、执行 JavaScript、录制 GIF 等;读取控制台消息与网络请求;可选通过 Claudish 调用外部视觉模型(如 qwen/qwen3-vl-32b-instruct、google/gemini-2.5-flash、openai/gpt-4o 等)做视觉分析。

使用方式:需安装并启用 Claude-in-Chrome 扩展,工具以 mcp__claude-in-chrome__* 形式可用。可选视觉分析需配置 OPENROUTER_API_KEY 并安装 claudish:npm install -g claudish。典型流程为导航、截图、分析、检查控制台与网络、报告结果,可用于实现后自检、设计还原度对比、交互测试、响应式断点检查、可访问性检查与错误排查。

适用场景:开发者、评审者、测试者与 UI 开发者在提交或部署前验证 UI,复现用户报告的界面缺陷。

限制:核心依赖 Claude-in-Chrome 扩展;外部视觉模型为可选项,需自行配置密钥与安装 claudish,模型价格与效果以实际服务为准;资料未提供具体平台兼容范围与完整安装步骤。