BrowserTools MCP 采用三层架构设计，确保了功能的完整性和运行的高效性。最前端是在 Chrome 浏览器中运行的扩展程序，负责直接监控浏览器活动并收集数据。中间层是 Node.js 服务端，处理来自浏览器的数据并提供审计逻辑。最后是 MCP 服务端，作为与编辑器等客户端应用的接口层。
这种架构设计具有多个技术优势：Chrome 扩展可以直接访问浏览器的内部数据，确保监控的全面性和实时性；Node.js 后端提供了灵活的处理能力，可以执行复杂的分析和审计任务；而基于 MCP 协议的通信机制则实现了与多种开发工具的兼容性。特别值得注意的是，工具支持通过简单的 JSON 配置（在 ~/.cursor/mcp.json 文件中）与 Cursor 编辑器集成，这种低耦合的设计使得工具可以灵活适应不同的开发环境。
整个系统采用模块化设计，每个组件都可以独立运行和更新，这种架构既保证了系统的稳定性，又为未来的功能扩展留出了空间。开发者可以根据自己的需求灵活选择使用全部功能或特定组件。
本答案来源于文章《BrowserTools MCP：实时监控浏览器活动的MCP服务》
未经允许不得转载：AI生产力工具 » BrowserTools MCP 的技术架构实现了扩展、服务和客户端的协同运行
简体中文 
English 
日本語 
Deutsch 
Português do Brasil