cdp-tools-mcp 使用说明

项目简介

cdp-tools-mcp 是一个基于 Model Context Protocol (MCP) 的服务器实现,专门为AI智能体提供实际的调试和浏览器自动化能力。

核心功能

  • 🐛 运行时调试:设置断点、单步执行代码、检查变量和调用栈
  • 🌐 浏览器自动化:智能元素发现、DOM检查、截图、用户交互
  • 🔄 多连接支持:同时调试Chrome和Node.js应用程序
  • 📊 网络监控:跟踪控制台日志和HTTP请求
  • 🤖 多智能体支持:嵌套的Claude智能体可以在同一Chrome实例中管理各自的标签页
  • 🎯 服务器管理:监控端口、管理进程,支持Docker容器
  • 📋 问题跟踪:记录bug和功能需求,自动验证修复

安装配置

Claude Desktop 配置

在Claude Desktop配置文件中添加:

{
  "mcpServers": {
    "cdp-tools": {
      "command": "npx",
      "args": ["-y", "cdp-tools-mcp@latest"]
  }
}

其他MCP客户端

通过stdio传输运行 'npx cdp-tools-mcp@latest'

使用方法

  1. 启动调试:AI智能体可以通过MCP工具启动Chrome浏览器
  2. 设置断点:在特定文件和行号设置断点
  3. 检查变量:在运行时查看函数作用域中的变量值
  • 浏览器交互:导航网页、点击元素、输入文本
  • 网络监控:实时查看控制台错误和网络请求
  1. 浏览器自动化:智能元素缓存、视口感知过滤
  2. 服务器监控:自动检测服务器故障并采取相应措施

关键特性

  • 支持条件断点和日志点
  • 交互记录和回放功能
  • 导出为Playwright或Puppeteer测试

信息

分类

开发者工具