🛠️

Chrome DevTools MCP

已验证可用31.0k stars🆓 完全免费🟡 进阶

提供方:Chrome (Google)许可证:Apache-2.0

浏览器自动化TypeScript开源免费

Chrome DevTools MCP,31K Star,浏览器调试 + DOM 检查 + 性能分析

Google Chrome 官方 DevTools MCP Server,浏览器调试 SOTA。DOM 检查、Console 日志、Network 请求监控、Performance 分析、Lighthouse 报告、Source Map 调试、断点管理。

🎯 典型使用场景

前端调试
性能优化
Lighthouse 报告
E2E 测试
Bug 排查
AI 调试

🛠️ 提供工具 (Tools)

get_domget_console_logsget_networkget_performancerun_lighthouseset_breakpoint

长尾关键词

Chrome DevTools MCPChrome 官方调试DOM 检查 MCPLighthouse AI性能分析 MCP

📦 安装命令

终端执行传输方式:stdio
npx -y @chrome-devtools/mcp-server

功能特性

Chrome 官方
DOM 检查
Console/Network
Performance
Lighthouse
断点调试

⚙️ 环境要求

Node.js 18+
Chrome/Chromium

🚀 快速开始

1

配置MCP客户端

打开你的MCP客户端配置文件(如Claude Desktop的 claude_desktop_config.json),在 mcpServers 字段中添加 Chrome DevTools MCP 的配置。

2

安装依赖

在终端执行安装命令:npx -y @chrome-devtools/mcp-server。确保你的环境已安装 Node.js 或 Python 等必要运行时。

3

重启客户端并验证

重启MCP客户端,在工具列表中确认 Chrome DevTools MCP 已加载成功。你可以通过AI对话直接调用 Chrome 官方 等功能来验证集成是否正常。

常见问题

Q:与 Playwright MCP 区别?

Chrome DevTools 专注于调试(DOM/Network/Performance);Playwright 专注于自动化(点击/输入/导航)。

Q:支持 Lighthouse?

是的,run_lighthouse 工具生成完整 Lighthouse 报告(性能/SEO/可访问性/最佳实践),AI 解读优化建议。

Q:需要 Chrome 启动?

是的,自动启动 Chrome --remote-debugging-port 模式,连接已打开的 DevTools 协议。

主题集群 (Content Clusters)

📂 Chrome DevTools📂 调试📂 性能📂 Lighthouse

🔗 相关MCP推荐

🎭

Playwright MCP

Playwright MCP 是 Microsoft 官方提供的浏览器自动化 MCP 服务器,让 AI 助手能够通过 Playwright 框架控制真实的浏览器执行网页操作。支持页面导航、元素点击、表单填写、截图、PDF 生成、网络请求拦截等全面的浏览器自动化功能。Playwright MCP 是目前 MCP 生态中搜索量最高(月均 82,000 次)的浏览器自动化服务器,AI 可以执行端到端测试、网页数据采集、页面性能分析、无障碍检测等任务。适用于 Web 测试、网页抓取、自动化运维和 AI 网页代理等场景,是浏览器自动化 MCP 的行业标准。

🎪

Puppeteer MCP Server

Puppeteer MCP Server 基于 Google 的 Puppeteer 库,为 AI 助手提供无头 Chrome 浏览器控制能力。支持页面渲染、DOM 操作、JavaScript 执行、网络监控、性能追踪等浏览器自动化功能。与 Playwright 相比,Puppeteer 专注于 Chrome/Chromium 生态,适合对 Chrome 浏览器有深度定制需求的场景。AI 可以通过 Puppeteer MCP 执行网页截图、生成 PDF 报告、自动化表单提交、监控网页性能等任务,是 Chrome 开发者工具的 AI 扩展,也是 Puppeteer 无头浏览器 AI 自动化的专业工具。

☁️

Browserbase MCP

Browserbase MCP 提供云端浏览器自动化服务,让 AI 助手在远程云端浏览器环境中执行网页操作,无需本地安装浏览器驱动。支持大规模并发浏览、会话录制回放、隐身模式浏览、代理 IP 轮换等企业级功能。适用于需要大规模网页数据采集、广告验证、SEO 监控等场景。Browserbase 的云端架构确保浏览器自动化任务的高可用性和可扩展性,是生产级浏览器自动化部署的理想选择,也是云端浏览器 MCP 和浏览器自动化 SaaS 服务的代表。

🔬

AgentQL MCP

AgentQL MCP 为 AI 助手提供智能网页数据提取能力,通过声明式查询语言从任意网页中提取结构化数据,无需编写复杂的 CSS 选择器或 XPath。支持动态内容提取、自动等待元素、分页处理、认证页面处理等高级功能。AI 可以用自然语言描述需要提取的数据结构,AgentQL 自动生成查询并返回结构化 JSON 结果。适用于网页数据采集、竞品分析、价格监控、新闻聚合等需要从网页中提取结构化数据的场景,是 AI 网页数据提取和结构化数据采集的智能工具。

📥

Fetch MCP Server

Fetch MCP Server 是 Anthropic 官方提供的网页内容获取 MCP 服务器,为 AI 助手提供高效的网页内容抓取和转换能力。能够将任意网页 URL 的内容转换为适合 LLM 处理的 Markdown 格式,自动去除广告、导航栏等无关内容,保留核心文本信息。支持 HTML 内容提取、内容清洗、格式转换和智能截断,是 AI 模型获取网页内容最轻量高效的方案。适用于 AI 需要获取网页内容进行信息提取、内容分析、事实核查等场景,是 Anthropic 官方推荐的网页内容获取 MCP 工具。

📱

Mobile MCP

Mobile MCP,4.8K Star,移动设备自动化,iOS/Android 真机控制