Chrome 开发者工具用于编码代理
概览
Chrome DevTools for agents（chrome-devtools-mcp）允许你的编码代理（如 Antigravity、Claude、Cursor 或 Copilot）控制和检查实时的 Chrome 浏览器。它作为模型上下文协议（MCP）服务器，使你的 AI 编码助手能够全面使用 Chrome DevTools 的强大功能，实现可靠的自动化、深入调试和性能分析。还提供了一个 CLI，供无需 MCP 使用。 - ： 使用 Chrome DevTools 记录跟踪并提取可操作的性能洞察。- ： 分析网络请求，截图并检查浏览器控制台消息（带有源映射的栈跟踪）。- .使用 Puppeteer 在 Chrome 中自动操作并等待动作结果。 Chrome-DevTools-MCP 向 MCP 客户端开放浏览器实例内容，允许它们检查、调试和修改浏览器或开发工具中的任何数据。避免分享你不愿与 MCP 客户端共享的敏感或个人信息。
概述（AI 翻译）
Chrome DevTools for agents（chrome-devtools-mcp）允许你的编码代理（如Antigravity、Claude、Cursor或Copilot）
控制并检查一个实时的Chrome浏览器。它作为模型-上下文-协议
（MCP）服务器，赋予你的AI编码助手全部功能
Chrome DevTools 提供可靠的自动化、深入调试和性能分析。
还提供了 [CLI][CLI] 用于无需 MCP 的使用。
[工具参考][工具参考] |[更新日志][更新日志] |[贡献][贡献] |[故障排除][故障排除] |[设计原则][设计原则]
主要特征
- 获取性能洞察：使用 Chrome 用于录制的开发工具 追踪并提取可操作的性能洞察。
- 高级浏览器调试：分析网络请求，截图并 检查浏览器控制台消息（带有源映射的栈迹）。
- 可靠的自动化。用途 Puppeteer 用于自动化操作 Chrome浏览器，并自动等待操作结果。
免责声明
chrome-devtools-mcp 向 MCP 客户端暴露浏览器实例的内容
允许他们检查、调试并修改浏览器或开发工具中的任何数据。
本页由 AI 翻译，技术细节请以原文为准。
README
以下为原文 README 节选，完整内容请查看原文。
Chrome DevTools for agents
Chrome DevTools for agents (chrome-devtools-mcp) lets your coding agent (such as Antigravity, Claude, Cursor or Copilot)
control and inspect a live Chrome browser. It is available as a
Model-Context-Protocol (MCP) server and as a [CLI][cli]. Both give your AI
coding assistant access to the full power of Chrome DevTools for reliable
automation, in-depth debugging, and performance analysis.
[Tool reference][tool-reference] | [CLI][cli] | [Skills][skills] | [Changelog][changelog] | [Contributing][contributing] | [Troubleshooting][troubleshooting] | [Design Principles][design-principles]
Key features
- Get performance insights: Uses Chrome DevTools to record traces and extract actionable performance insights.
- Advanced browser debugging: Analyze network requests, take screenshots and check browser console messages (with source-mapped stack traces).
- Reliable automation. Uses puppeteer to automate actions in Chrome and automatically wait for action results.
Disclaimers
chrome-devtools-mcp exposes content of the browser instance to the MCP clients
allowing them to inspect, debug, and modify any data in the browser or DevTools.
Avoid sharing sensitive or personal information that you don’t want to share with
MCP clients.
chrome-devtools-mcp officially supports Google Chrome and Chrome for Testing only.
Other Chromium-based browsers may work, but this is not guaranteed, and you may encounter unexpected behavior. Use at your own discretion.
We are committed to providing fixes and support for the latest version of Extended Stable Chrome.
Performance tools may send trace URLs to the Google CrUX API to fetch real-user
experience data. This helps provide a holistic performance picture by
presenting field data alongside lab data. This data is collected by the Chrome
User Experience Report (CrUX). To disable
this, run with the --no-performance-crux flag.
Usage statistics
Google collects usage statistics (such as tool invocation success rates, latency, and environment information) to improve the reliability and performance of Chrome DevTools MCP.
Data collection is enabled by default. You can opt-out by passing the --no-usage-statistics flag when starting the server:
"args": ["-y", "chrome-devtools-mcp@latest", "--no-usage-statistics"]
Google handles this data in accordance with the Google Privacy Policy.
安装
npx -y chrome-devtools-mcp@latest配置
{
"mcpServers": {
"chrome-devtools": {
"command": "npx",
"args": ["-y", "chrome-devtools-mcp@latest"]
}
}
}