JinDaGe - browsertools MCP Details

article

README

🚀 浏览器工具 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！我们期待您的反馈和建议。

browsertools