月访问量
0
累计浏览
0
用户评分
--
收录时间
2026-08
产品介绍
Chrome DevTools MCP 是 Google Chrome DevTools 团队官方推出的 Model Context Protocol 服务器，让 AI 代理能够直接操控 Chrome 开发者工具进行深度的网页调试和性能分析。
核心功能
- 输入自动化：页面点击、输入、滚动、键盘事件模拟
- 页面导航：URL 跳转、前进后退、页面重载、历史记录管理
- 设备模拟：视口尺寸调整、DPR 设置、网络节流（3G/4G/offline）
- 性能追踪：Lighthouse 审计、Performance Trace 录制与分析、Core Web Vitals 检测
- 网络监控：请求/响应捕获、Header 查看、请求拦截与修改、WebSocket 监控
- JavaScript 调试：Console 日志获取、表达式执行、异常监控、断点管理
- 内存分析：Heap Snapshot 采集、内存泄漏检测、DOM 节点计数
- 扩展管理：Chrome 扩展程序安装、启用、禁用、调试
适用场景
- AI 前端调试助手自动诊断页面性能问题
- Web 应用性能瓶颈自动检测和优化建议
- 前端 Bug 复现和定位：捕获 Console 错误、网络请求失败
- Lighthouse SEO/可访问性/最佳实践审计自动化
- 生产环境前端问题远程诊断
安装方式
# 通过 npx 运行
npx chrome-devtools-mcp
# 或全局安装
npm install -g chrome-devtools-mcp
开源地址：https://github.com/ChromeDevTools/chrome-devtools-mcp （Apache 2.0 许可证）
