MCP Configs2026年4月4日·1 分钟阅读

Chrome DevTools MCP — Browser Debugging for AI Agents

Give your AI coding agent full access to Chrome DevTools for browser automation, debugging, and performance analysis. Works with Claude, Cursor, Copilot, and 15+ AI tools.

TO
TokRepo精选 · Community
快速使用

先拿来用,再决定要不要深挖

这里应该同时让用户和 Agent 知道第一步该复制什么、安装什么、落到哪里。

将以下配置添加到你的 `.mcp.json`(或 Claude Desktop / Cursor 的 MCP 配置): ```json { "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest"] } } } ``` 轻量模式(工具更少,token 消耗更低): ```json { "mcpServers": { "chrome-devtools": { "command": "npx", "args": ["-y", "chrome-devtools-mcp@latest", "--slim", "--headless"] } } } ``` 重启 AI 工具即可使用。 ---
## 简介 Chrome DevTools MCP 是一个官方 MCP 服务器,让你的 AI 编程助手能够控制和检查实时 Chrome 浏览器。拥有 33,100+ GitHub Star 和 29 个内置工具,支持基于 Puppeteer 的浏览器自动化、网络调试、控制台分析和性能追踪——可在 Claude Code、Cursor、Copilot、VS Code 等 15+ 个 AI 工具中使用。 适合人群:需要 AI 辅助浏览器测试、调试和性能分析的开发者。 兼容工具:Claude Code、Cursor、GitHub Copilot、VS Code、Cline、Gemini CLI、JetBrains AI、Windsurf 等。 安装时间:1 分钟以内。 --- ## Chrome DevTools MCP — 完整功能参考 ### 核心能力 Chrome DevTools MCP 提供 29 个工具,分为 6 大类: - **输入与自动化**:click、type、hover、select、drag、fill_form、upload_file、press_key、handle_dialog - **导航与页面管理**:navigate、new_page、close_page、select_page、list_pages、wait_for、take_screenshot、take_snapshot - **网络与控制台**:list_network_requests、get_network_request、list_console_messages、get_console_message - **性能分析**:performance_start_trace、performance_stop_trace、performance_analyze_insight、lighthouse_audit - **设备模拟**:emulate、resize_page ### FAQ **Q: Chrome DevTools MCP 是什么?** A: 一个 MCP 服务器,让 AI 编程助手(Claude、Cursor、Copilot)能够访问 Chrome DevTools 进行浏览器自动化、调试和性能分析。 **Q: 免费吗?** A: 完全免费开源,MIT 许可证。 ---
🙏

来源与感谢

> Created by [ChromeDevTools](https://github.com/ChromeDevTools). Licensed under MIT. > > [chrome-devtools-mcp](https://github.com/ChromeDevTools/chrome-devtools-mcp) — ⭐ 33,100+

讨论

登录后参与讨论。
还没有评论,来写第一条吧。

相关资产