首页 / AI Trending / ChromeDevTools/chrome-devtools-mcp

ChromeDevTools/chrome-devtools-mcp

⭐ 34,792 Stars 🍴 2,115 Forks TypeScript Apache-2.0

Chrome DevTools MCP 是一个用于控制、检查和自动化 Chrome 浏览器的开源工具，旨在为 AI 编码助手提供 Chrome DevTools 的全部功能。

来源：据 README 描述 查看 GitHub 仓库 →

为什么值得关注

该项目因其在 AI 编程助手领域提供强大的浏览器调试和自动化能力而受到关注。它填补了 AI 编程助手在浏览器交互方面的空白，并采用了 TypeScript 和 puppeteer 等技术，提供了独特的性能分析和调试功能。

来源：综合 README 描述和项目特征

核心功能

性能洞察

利用 Chrome DevTools 记录痕迹并提取可操作的性能洞察，帮助开发者优化应用性能。

来源：据 README 描述
高级浏览器调试

分析网络请求、截图和检查浏览器控制台消息，提供源映射堆栈跟踪，便于调试。

来源：据 README 描述
可靠自动化

使用 puppeteer 自动化 Chrome 浏览器中的操作，并自动等待操作结果，提高自动化效率。

来源：据 README 描述

技术架构

项目采用模块化设计，代码目录结构清晰，依赖文件明确。主要采用 TypeScript 编写，使用 puppeteer 进行浏览器自动化，并通过 MCP 服务器与客户端进行交互。

来源：代码目录结构 + 依赖文件

技术栈

infra: 信息不足，待补充  |  key_deps: puppeteer, Chrome DevTools, Node.js  |  language: TypeScript  |  framework: 无特定框架，主要依赖 puppeteer 和 Chrome DevTools

来源：依赖文件 + 代码目录结构

快速上手

npm install chrome-devtools-mcp npx chrome-devtools-mcp@latest
来源：README Installation/Quick Start

使用场景

适用于需要自动化浏览器操作、进行性能分析和调试的 AI 编程助手开发者。具体场景包括：自动化测试、性能优化、开发调试等。

来源：README

优势与局限

优势

  • 提供强大的浏览器调试和自动化功能
  • 支持多种 AI 编程助手
  • 易于集成和使用

局限

  • 仅支持 Google Chrome 和 Chrome for Testing
  • 性能分析功能可能需要专业知识
来源：综合 README、代码结构和依赖分析

最新版本

v0.21.0 (2026-04-01)：发布新版本，包含 bug 修复和功能更新。

来源：GitHub Releases

总结评价

Chrome DevTools MCP 是一个功能强大的工具，对于需要自动化浏览器操作和进行性能分析的 AI 编程助手开发者来说，是一个值得关注的项目。它适合寻求提高开发效率和质量的团队或个人使用。

来源：综合分析
透明度声明
本页内容由 AI（大语言模型）基于以下公开材料自动生成：GitHub README、代码目录结构、依赖文件、Release 信息。 分析时间：2026-04-07 18:33。质量评分：85/100。 所有结论均标注了数据来源。如发现不准确之处，欢迎反馈。

数据来源： README、GitHub API、依赖文件