🚀 浏览器工具 MCP
浏览器工具 MCP 是一款强大的浏览器监控和交互工具，借助 Anthropic 的 Model Context Protocol (MCP) 协议，让 AI 驱动的应用程序通过 Chrome 扩展程序捕获并分析浏览器数据，能让您的 AI 工具能力提升 10 倍，实现更智能的浏览器交互。
🚀 快速开始
请查阅我们的 文档 以获取完整的安装、快速入门和贡献指南。
✨ 主要特性
- 通过 Anthropic 的 Model Context Protocol (MCP) 协议，允许 AI 驱动的应用程序捕获并分析浏览器数据。
- 核心组件包括 Chrome 扩展程序、Node 服务器和 MCP 服务器，分工协作完成浏览器数据的捕获和分析。
- 所有日志在本地存储，不会发送到任何第三方服务或 API。
📦 安装指南
请参考我们的 文档 获取详细的安装指南。
更新日志
v1.1.0 已经发布！此版本修复了多个与日志记录和截图相关的错误。
请确保在您的 IDE 或 MCP 客户端中更新版本号如下：
npx @agentdeskai/browser-tools-mcp@1.1.0
同时，请下载最新版本的 Chrome 扩展程序 v1.1.0 BrowserToolsMCP
从那里，您可以像往常一样运行本地节点服务器：
npx @agentdeskai/browser-tools-server
在打开 Chrome 开发工具后，日志应该会被发送到您的服务器！
💻 使用示例
请参考我们的 文档 获取详细的使用说明。
🔧 技术细节
架构
有三个核心组件用于捕获和分析浏览器数据：
- Chrome 扩展程序：一个浏览器扩展程序，可捕获截图、控制台日志、网络活动和 DOM 元素。
- Node 服务器：一个中间件服务器，促进 Chrome 扩展程序与任何 MCP 服务器实例之间的通信。
- MCP 服务器：实现模型上下文协议的服务器，为 AI 客户端提供标准化工具以交互浏览器。
┌─────────────┐ ┌──────────────┐ ┌───────────────┐ ┌─────────────┐
│ MCP 客户端 │ ──► │ MCP 服务器 │ ──► │ Node 中间件 │ ──► │ Chrome │
│ (例如 │ ◄── │ 协议处理程序 │ ◄── │ │ ◄── │ 扩展程序 │
│ Cursor) │ │ │ │ │ │ │
└─────────────┘ └──────────────┘ └───────────────┘ └─────────────┘
模型上下文协议（MCP）是 Anthropic AI 模型支持的一种功能，允许您为任何兼容的客户端创建自定义工具。MCP 客户端如 Claude Desktop、Cursor、Cline 或 Zed 可以运行一个 MCP 服务器，该服务器“教导”这些客户端可以使用新的工具。
这些工具可以调用外部 API，但在我们的情况下，所有日志都在本地存储在您的设备上，并且绝不会发送到任何第三方服务或 API。浏览器工具 MCP 运行一个本地 NodeJS API 服务器，该服务器与 BrowserTools Chrome 扩展程序通信。
所有使用 BrowserTools MCP 服务器接口的消费者都通过相同的 NodeJS API 和 Chrome 扩展程序。
Chrome 扩展程序
- 监控 XHR 请求/响应和控制台日志
- 跟踪选定的 DOM 元素
- 提供截图功能
- 记录浏览器活动
Node 服务器
- 处理来自 Chrome 扩展程序的数据
- 提供 API 接口
- 管理数据存储
MCP 服务器
- 实现模型上下文协议（MCP）
- 提供标准化工具以交互浏览器
- 支持 AI 驱动的应用程序
📚 详细文档
兼容性信息
BrowserTools MCP 目前支持以下平台：
- Windows
- macOS
- Linux
兼容的浏览器包括：
- Chrome
- Firefox
- Edge
联系方式
如果您有任何问题或需要帮助，请联系我们的支持团队：support@agentdesk.ai
感谢您选择 BrowserTools MCP！我们期待您的反馈和建议。