Chrome DevTools MCP

插件活跃

属于:Chrome DevTools for Agents

使用 Chrome DevTools 和 Puppeteer 在 Chrome 中进行可靠的自动化、深入调试和性能分析

6 个 Skill 0 个 MCP

目的

为 AI 编码助手提供对实时 Chrome 浏览器的可靠控制和深入检查能力，用于自动化、调试和性能分析。

功能

使用 Puppeteer 自动化浏览器操作
使用 Chrome DevTools 调试网页
分析网络请求和性能跟踪
管理 Chrome 扩展
捕获屏幕截图和页面快照

使用场景

为测试或数据收集自动化重复的浏览器任务
通过检查网络、控制台和 DOM 来调试复杂的 UI 问题
分析和优化页面加载性能（LCP、TTFB）
为 AI 驱动的工作流编写浏览器交互脚本

非目标

直接控制非 Chromium 浏览器
在所有用例中取代手动浏览器检查
提供用于移动浏览器调试的工具（除非另有说明）

Compliance

warning:Telemetry opt-in使用统计数据默认启用，虽然可以通过标志选择退出，但收集的字段没有明确记录或发布带有模式。

安装

请先添加 Marketplace

/plugin marketplace add ChromeDevTools/chrome-devtools-mcp

/plugin install chrome-devtools-mcp@chrome-devtools-plugins

包含 6 个扩展

Skill (6)

A11y Debugging 技能

使用 Chrome DevTools MCP 对可访问性 (a11y) 进行调试和审计，基于 web.dev 指南。在测试语义 HTML、ARIA 标签、焦点状态、键盘导航、点击目标和颜色对比度时使用。

Chrome Devtools 技能

通过 MCP 使用 Chrome DevTools 进行高效的调试、故障排除和浏览器自动化。适用于调试网页、自动化浏览器交互、分析性能或检查网络请求。此技能不适用于 `--slim` 模式（MCP 配置）。

Chrome Devtools Cli 技能

使用此技能编写 shell 脚本或运行 shell 命令来自动化浏览器中的任务或以其他方式通过 CLI 使用 Chrome DevTools。

Debug Optimize Lcp 技能

使用 Chrome DevTools MCP 工具指导调试和优化最大内容绘制 (LCP) 时间。每当用户询问 LCP 性能、页面加载缓慢、核心 Web 指标优化，或希望了解页面主内容渲染过慢的原因时，都可以使用此功能。当用户提到“最大内容绘制”、“页面加载速度”、“CWV”或希望提高其主要内容（如英雄图片或核心内容）的渲染速度时，也请使用此功能。

内存泄漏调试技能

诊断和解决 JavaScript/Node.js 应用程序中的内存泄漏问题。当用户报告内存使用率高、oom 错误，或希望分析堆快照或运行 memlab 等内存泄漏检测工具时使用。

Troubleshooting 技能

使用 Chrome DevTools MCP 和文档来排查连接和目标问题。当 list_pages、new_page 或 navigate_page 失败，或服务器初始化失败时，触发此技能。

100