Browser Tools MCP

不活跃
GitHub JavaScript MIT

简介

让 Cursor 等 MCP 兼容 IDE 直接监控浏览器日志、截图和网页内容的 MCP Server。

核心特性

  • 浏览器日志监控 — 直接在 IDE 中查看 console.log 和错误
  • 页面截图 — Agent 可请求当前页面截图用于调试
  • DOM 检查 — 提取页面元素和结构供 Agent 分析
  • 网络请求监控 — 捕获 XHR/Fetch 请求和响应
  • MCP 协议 — 标准 MCP 接口,兼容 Cursor / Windsurf 等

适用场景

💡 在前端开发中让 AI Agent 直接看到浏览器控制台输出
💡 调试 Web 应用时 Agent 自动分析页面结构和网络请求
💡 自动化 UI 测试中 Agent 截图并验证页面状态

快速开始

# 安装浏览器扩展和 MCP Server
npm install -g @agentdesk/browser-tools-mcp

# 在 Cursor 配置中添加

相关项目