Browser Tools MCP

Browser Tools MCP 是由 AgentDeskAI 开发的 Model Context Protocol 服务器，通过Chrome扩展连接浏览器与AI编码助手，实现IDE与浏览器的实时联动。

核心功能

• 控制台日志监控：实时捕获浏览器console输出（log/warn/error），AI可直接看到页面报错
• 网络请求追踪：监控XHR/Fetch请求和响应，AI可分析API调用问题
• 元素选择同步：在浏览器中选中元素，AI可立即获取对应DOM结构和样式
• 截图分析：AI可获取当前页面截图进行视觉分析
• 审计功能：可访问性审计、SEO检查、性能建议

适用场景

• AI辅助调试前端Bug，实时查看控制台错误
• 开发过程中让AI理解你当前正在查看的页面状态
• 自动化UI问题诊断和修复建议
• 让AI分析网络请求找出前后端交互问题

安装配置

1. 安装Chrome扩展 Browser Tools MCP Extension
2. 安装服务端：

npx @agentdeskai/browser-tools-mcp@latest

1. 在Cursor/Claude Desktop MCP配置中添加服务。完全开源免费。