chrome-devtools-mcp
让程序代理控制并检查运行中的 Chrome:记录性能追踪、分析网络请求、查看含源代码对应堆栈的主控台消息,并以 Puppeteer 自动化浏览器操作。
安装
尚未添加官方市场时先运行
- 分类
- 开发
适合用来
- 录制性能追踪并获取可操作的性能建议
- 分析网络请求、截取屏幕截图
- 查看控制台消息及经过 source map 映射的堆栈
- 用 Puppeteer 自动操作 Chrome
怎么开始
- 运行 /plugin install chrome-devtools-mcp@claude-plugins-official
- 输入“Check the performance of https://developers.chrome.com”测试是否正常
- Claude 使用需要浏览器的工具时会自动启动 Chrome
使用前须知
需要 Node.js LTS、npm 和最新稳定版 Chrome。Google 默认收集使用统计,可用 --no-usage-statistics 关闭;浏览器内容会暴露给 MCP 客户端,避免处理敏感数据。
以上由 AI 根据项目说明整理,实际用法请以官方文档为准。
同类工具
- agentforce-adlc官方插件 · 开发
Agentforce 代理开发生命周期:撰写、探索、创建骨架、部署、测试与优化 .agent 文件。
- astronomer-data-agents官方插件 · 开发
Apache Airflow 与 Astronomer 的数据工程工具:依最佳实务撰写 DAG、调试管线失败、追踪数据血缘、分析数据表、从 Airflow 2 迁移至 3,并管理本地与云端部署。
- atomic-agents官方插件 · 开发
以 Atomic Agents 框架建置 AI 代理的完整开发流程,内含负责schema设计、架构规划、代码审查与工具开发的专用代理,以及引导式流程与最佳实务验证。
- aws-amplify官方插件 · 开发
以 AWS Amplify Gen 2 建置全端应用程序,提供身分验证、数据模型、保存、GraphQL API 与 Lambda 函数的引导式流程。
- aws-serverless官方插件 · 开发
使用 AWS 无服务器服务设计、建置、部署、测试与调试无服务器应用程序。
出处 anthropics/claude-plugins-official · 更新于 2026年10月11日 · 版权属原作者