Chrome Devtools
技能 活跃通过 MCP 使用 Chrome DevTools 进行高效的调试、故障排除和浏览器自动化。适用于调试网页、自动化浏览器交互、分析性能或检查网络请求。此技能不适用于 `--slim` 模式（MCP 配置）。
赋予 AI 代理 Chrome DevTools 的全部能力，以实现高效的 Web 调试、自动化和性能分析。
功能
- 实时浏览器调试和检查
- 自动化浏览器交互和导航
- 性能跟踪和分析
- 网络请求检查
- 浏览器扩展管理
使用场景
- 调试复杂的 Web 应用程序
- 自动化重复性的浏览器任务
- 分析网站性能瓶颈
- 检查网络流量以进行故障排除
非目标
- 修改 Chrome 浏览器的核心功能
- 在没有特定 DevTools 交互的情况下充当通用的网页抓取器
- 在 `--slim` 模式（MCP 配置）下运行
Compliance
- warning:Telemetry opt-in使用情况统计信息收集默认启用，并且可以选择退出，但收集的确切字段没有明确记录。
安装
请先添加 Marketplace
/plugin marketplace add ChromeDevTools/chrome-devtools-mcp/plugin install chrome-devtools-mcp@chrome-devtools-plugins质量评分
类似扩展
使用我的浏览器
100当工作依赖于用户实时浏览器会话或可见的渲染状态，而不是静态抓取时使用，尤其是在浏览器调试上下文或 DevTools 选择的元素或请求、登录仪表板或 CMS 流程、localhost 应用、上传、下载、媒体检查、DOM 或 iframe 检查、Shadow DOM，或看起来像软 404、身份验证墙、反机器人检查或速率限制的浏览器故障时。
Troubleshooting
100使用 Chrome DevTools MCP 和文档来排查连接和目标问题。当 list_pages、new_page 或 navigate_page 失败，或服务器初始化失败时，触发此技能。
Dogfood
99系统地探索和测试 Web 应用程序以发现 bug、用户体验问题和其他问题。在被要求“内部测试”（dogfood）、“QA”、“探索性测试”、“查找问题”、“bug 搜寻”、“测试此应用/网站/平台”或审查 Web 应用程序质量时使用。会生成结构化报告，并附带完整的重现证据——每个问题的分步截图、重现视频和详细的重现步骤——以便将发现直接移交给负责的团队。
Gstack
98Fast headless browser for QA testing and site dogfooding. Navigate pages, interact with elements, verify state, diff before/after, take annotated screenshots, test responsive layouts, forms, uploads, dialogs, and capture bug evidence. Use when asked to open or test a site, verify a deployment, dogfood a user flow, or file a bug with screenshots. (gstack)
Debug Optimize Lcp
97使用 Chrome DevTools MCP 工具指导调试和优化最大内容绘制 (LCP) 时间。每当用户询问 LCP 性能、页面加载缓慢、核心 Web 指标优化，或希望了解页面主内容渲染过慢的原因时，都可以使用此功能。当用户提到“最大内容绘制”、“页面加载速度”、“CWV”或希望提高其主要内容（如英雄图片或核心内容）的渲染速度时，也请使用此功能。
Project Session Manager
100Worktree-first dev environment manager for issues, PRs, and features with optional tmux sessions