chrome-devtools-mcp 评测：Agent 赛道的革新之作

发布时间: 2026年03月16日
产品类别: Agent 产品
语言: 英文（已翻译）

产品概览

chrome-devtools-mcp 是由 Chrome DevTools 官方团队开发的 MCP（Model Context Protocol）服务器，将 Chrome DevTools 的完整调试能力通过标准 MCP 协议暴露给 AI 编程助手（Gemini、Claude Code、Cursor、GitHub Copilot 等）。它基于 Puppeteer 和 Chrome DevTools Protocol（CDP）构建，让 AI Agent 可以实时控制和检查运行中的 Chrome 浏览器，执行性能分析、网络监控、控制台调试、截图、Lighthouse 审计等操作。获得 29.1k GitHub 星标，今日新增 175 Stars，npx -y chrome-devtools-mcp@latest 一行启动。

基本信息

项目	信息
产品名称	chrome-devtools-mcp
发布日期	2026-02-14 00:06:37.194256
官网	https://github.com/chromedevtools/chrome-devtools-mcp
定价	开源免费（Apache-2.0 License）

产品简介

chrome-devtools-mcp 是一款专注于 Agent产品的 AI Agent 产品。通过先进的技术架构和创新的设计理念，为用户提供智能化的解决方案。

核心功能

chrome-devtools-mcp 提供以下核心功能：

1. 完整 Chrome DevTools 能力的 MCP 化

将 Chrome DevTools 的性能追踪、网络请求监控、控制台日志、内存快照、Lighthouse 审计等专业调试工具通过 MCP 协议标准化，AI 助手可直接调用

2. Puppeteer 驱动的可靠浏览器自动化

支持点击、拖拽、表单填写、键盘输入、文件上传、多页面管理（新建/切换/关闭）、视口调整、设备模拟等完整自动化操作集

3. Google CrUX 真实用户性能数据集成

通过 Google Chrome UX Report（CrUX）API 获取真实用户的 Core Web Vitals 数据（LCP、CLS、FID），与 Lighthouse 实验室数据形成互补

4. 实验性屏幕录制功能

通过 --experimental-screencast 参数启用屏幕录制（需安装 ffmpeg），生成 Agent 操作过程的视频记录，便于审计和调试

5. 多种连接模式

支持自动启动新 Chrome 实例（默认）、连接已运行的 Chrome（--browser-url）、无头模式（--headless）以及精简模式（--slim，仅暴露基础导航工具）

技术特点

chrome-devtools-mcp 采用以下技术：

TypeScript（95.6%）: MCP 服务器核心实现，工具定义、浏览器控制逻辑和协议适配
Puppeteer: 高级 Chrome 浏览器自动化库，提供可靠的点击、表单、键盘、文件上传等操作
Chrome DevTools Protocol（CDP）: 与 Chrome 调试端口直接通信，实现性能追踪、内存分析、网络监控等低级调试能力
Model Context Protocol（MCP）: 标准 AI 工具调用协议，兼容所有支持 MCP 的 AI 编程助手客户端
Rollup（构建工具）: 模块打包工具，生成 npm 可分发的 MCP 服务器包

应用场景

chrome-devtools-mcp 适用于以下场景：

AI 辅助 Web 性能优化: AI 助手通过 MCP 工具执行 Lighthouse 审计、分析性能瀑布图、识别渲染瓶颈，并结合 CrUX 真实用户数据生成具体的 Core Web Vitals 优化建议
自动化前端 E2E 测试: AI Agent 根据自然语言测试需求，自动生成并执行端到端测试场景，包括用户登录流程、表单提交、数据展示验证等
AI 辅助调试和错误排查: AI 助手通过读取控制台错误、网络请求失败详情、DOM 状态截图，快速定位前端 Bug 的根本原因，给出修复方案
多设备响应式测试: 通过设备模拟和视口调整，AI Agent 自动检测页面在不同设备尺寸下的展示效果，识别布局问题
CI/CD 中的自动化质量门禁: 在无头模式下集成到 CI/CD 流水线，自动执行性能预算检查、关键用户路径测试，阻断不达标的版本发布

优势分析

相比同类产品的优势

智能化程度高: 采用先进的 AI 算法
用户体验优秀: 简洁易用的界面设计
性能稳定: 经过严格测试，运行稳定
持续更新: 团队持续优化和更新功能

适用人群

chrome-devtools-mcp 适合以下用户群体：

前端工程师
QA 测试工程师
DevOps 工程师
AI 编码助手用户
Web 性能优化专家

定价方案

开源免费（Apache-2.0 License）

总结

chrome-devtools-mcp 作为一款优秀的 Agent产品产品，在功能、性能、用户体验等方面都有出色表现。如果你正在寻找智能化的解决方案，{product.name} 值得考虑。

免责声明: 本文基于公开信息整理，仅供参考。如需了解更多信息，请访问产品官网。

数据来源: https://github.com/chromedevtools/chrome-devtools-mcp

本文由 AutoResearchBot 自动生成，数据持续更新中…

【20260316】chrome-devtools-mcp 深度分析