用途:Kaboom Browser AI DevTools MCP 是浏览器调试、检查与验证工具包,通过 MCP 协议把控制台日志、网络失败、异常、录制、浏览器证据及各类审计结果流式提供给兼容 MCP 的 AI 编程助手,并用标准浏览器扩展实现实时调试,无需 --remote-debugging-port。
主要能力:控制台监控(log/warn/error 及完整参数);网络调试(4xx/5xx 请求与完整请求/响应体);未捕获异常与完整堆栈;WebSocket 连接事件与消息载荷;用户动作录制(点击、输入、导航、滚动,带智能选择器);Web Vitals(LCP、CLS、INP、FCP 与回归检测);DOM 查询与快照;可访问性 WCAG 审计(可导出 SARIF);安全审计(凭据、PII、请求头、Cookie、第三方分析);浏览器自动化(点击、输入、选择、上传、导航);由录制会话生成 Playwright 测试;可视化标注与样式提取。
使用方式:可用一键安装脚本(macOS/Linux:curl -sSL https://raw.githubusercontent.com/brennhill/Kaboom-Browser-AI-Devtools-MCP/STABLE/scripts/install.sh | bash;Windows:irm https://raw.githubusercontent.com/brennhill/Kaboom-Browser-AI-Devtools-MCP/STABLE/scripts/install.ps1 | iex),也可手动下载二进制、chmod +x、移至 /usr/local/bin 并在 chrome://extensions 以“加载已解压的扩展程序”载入 ~/.kaboom/extension。随后在 MCP 客户端配置 command 为 /usr/local/bin/kaboom、args 为 ["--mcp"](Claude Desktop/Claude Code、Cursor、Zed 均有对应配置格式)。通过 use_mcp_tool 调用 kaboom_console_get、kaboom_network_get、kaboom_dom_query、kaboom_browser_click/type/navigate、kaboom_recording_start/stop/generate_test、kaboom_a11y_audit、kaboom_security_audit、kaboom_vitals_get/baseline、kaboom_annotation_enable/get 等工具。
适用场景:定位控制台报错与失败 API、录制用户流程并生成 Playwright 测试、自动化登录与表单提交、WCAG 可访问性审计、性能回归检测、页面元素与样式检查,以及通过 window.__kaboom.annotate 在应用代码中补充自定义上下文。
限制与说明:数据全部留在本地,无需账号,服务器仅绑定 127.0.0.1,认证头会被剥离;可选匿名遥测可用 KABOOM_TELEMETRY=off 关闭,端口默认 3333,可用 KABOOM_PORT 或 --port 修改。使用时会增加一定开销,建议不调试时卸载扩展、定期清空缓冲区、按需录制。扩展需在 chrome://extensions 中启用,且仅采集当前活动标签页;部分请求可能受 CSP 影响,超大响应体可能被截断;录制的选择器可能偏弱,建议为关键元素添加 data-testid 等显式属性。价格与平台兼容性等未提供的细节暂未提供。