用途:Browser Debugger 用于在真实浏览器中系统测试 UI 功能、验证设计还原度、监控控制台输出与网络请求,并借助 AI 视觉分析排查视觉问题。适用于实现 UI 后的自检、设计稿对比、视觉回归、控制台报错排查、表单与交互测试、提交前验证及缺陷复现。
主要能力:通过 Chrome DevTools MCP 执行页面导航、截图、快照、点击、悬停、填表、等待文本、查看控制台消息与网络请求等操作;可选通过 Claudish 调用外部视觉语言模型(如 qwen/qwen3-vl-32b-instruct、google/gemini-2.5-flash、openai/gpt-4o、openrouter/polaris-alpha)进行截图对比与设计还原分析。
必要用法:需先安装 Chrome DevTools MCP,可用 npm install -g claudeup@latest 后执行 claudeup mcp add chrome-devtools;可选视觉分析需配置 OPENROUTER_API_KEY 并安装 claudish:npm install -g claudish。首次截图分析前会询问用户选择视觉模型,并可将选择保存到会话或 .claude/settings.json。
限制:资料未提供完整安装与运行环境要求、支持平台、价格与效果保证;外部视觉模型需 OpenRouter 密钥,未配置时仅使用内置 Claude 分析。分类依据其 UI 测试与调试用途归入 testing。