浏览器调试
原名：browser-testing-with-devtools
通过 Chrome DevTools MCP 在真实浏览器中测试。适用于构建或调试浏览器应用，可检查 DOM、捕获控制台错误、分析网络请求、性能剖析及验证视觉输出。需配置 chrome-devtools MCP 服务器。
- 分类
- 开发提效
- 版本
- v1.0.0
- 作者
- 刘砚(@userga4tqj)
- 下载
- 5
- 收藏
- 0
- 发布
- 2026-08-08
- 更新
- 2026-08-13
- TRACE 评分
- 3.4 / 5
内容概览
Use Chrome DevTools MCP to give your agent eyes into the browser. This bridges the gap between static code analysis and live browser execution — the agent can see what the user sees, inspect the DOM, read console logs, analyze network requests, and capture performance data. Instead of guessing what's happening at runtime, verify it. - Building or modifying anything that renders in a browser - Debugging UI issues (layout, styling, interaction) - Diagnosing console errors or warnings - Analyzing network requests and API responses - Profiling performance (Core Web Vitals, paint timing, layout shifts) - Verifying that a fix actually works in the browser - Automated UI testing through the agent When NOT to use: Backend-only changes, CLI tools, or code that doesn't run in a browser. Add the following to your project's .mcp.json or Claude Code settings: -y skips the npx install confirmation. By…