Developer Tools MCP
2025.04.21
0
TypeScript浏览器自动化开发工具Web 开发调试工具浏览器自动化开发效率
Developer Tools MCP 是一个全面的模型上下文协议（MCP）服务器，通过 Puppeteer 提供广泛的开发和浏览器自动化功能。该服务器允许直接从 Cursor IDE 和其他 MCP 客户端与浏览器和系统工具进行无缝交互，无需安装额外的浏览器或插件。
View on GitHub
Overview
✨ 核心功能
🌐 浏览器自动化
- 页面管理
- 创建、关闭和切换页面
- 获取页面信息（标题、URL、HTML内容）
- 页面导航和刷新
- 框架切换
- 等待页面加载和元素
📸 媒体与文档
- 截图
- 捕获部分页面截图
- 全页面截图
- 生成可自定义选项的PDF文档
🍪 Cookie 管理
- 设置和获取 cookies
- 按域名管理 cookies
- Cookie 操作和监控
📱 视图模式
- 移动设备模拟
- 平板设备模拟
- 桌面视图配置
🔍 调试工具
- 控制台日志监控
- 页面错误跟踪
- 资源使用分析
- 自定义 JavaScript 执行
- 网络请求监控
📊 分析与测试
- 性能分析
- 加载时间指标
- 资源消耗
- 网络性能
- 安全分析
- 安全头检查
- SSL/TLS 配置
- 无障碍测试
- WCAG 合规性检查
- 无障碍最佳实践
- SEO 分析
- Meta 标签验证
- SEO 最佳实践检查
- 代码覆盖率
- JavaScript 代码覆盖率分析
🔧 元素操作
- 元素信息
- 文本内容提取
- HTML 结构分析
- 属性和属性访问
- 元素计数和可见性检查
- 位置和样式计算
- 元素交互
- 点击操作
- 文本输入
- 滚动（元素、页面顶部/底部、自定义位置）
- 悬停模拟
- 表单提交
- 文件上传
- 键盘快捷键
- 对话框管理（接受/取消/提示）
🔄 API 与系统
- REST API 请求处理
- 系统资源监控
🔑 SSH 连接
- 通过 SSH 连接到远程服务器（持久连接）
- 在远程 SSH 服务器上执行命令
- 从远程 SSH 服务器断开连接
安装教程
使用依赖
- Node.js 运行时（v18 或更高版本）
安装步骤
由于此服务器包含超过 40 种工具，建议使用 MCP HUB MCP Server
{
"mcpServers": {
"developer-tools-mcp": {
"command": "npx -y developer-tools-mcp"
}
}
}
调试方式
安装完成后，可以通过以下命令启动服务器：
npx -y developer-tools-mcp
确保 Node.js 环境已正确安装并配置。