Browsertools

BrowserTools MCP是一个强大的浏览器监控与交互工具，通过Chrome扩展和本地Node服务器实现AI应用对浏览器数据的捕获与分析，支持与多种MCP客户端兼容。

开发者工具监控 #浏览器监控 #AI交互 #本地处理 #MCP协议 .JavaScript

评分 : 2.5分

下载量 : 9.2K

更新时间 : 2025-04-23

打开站点

什么是MCP服务器？

MCP服务器是一个中间件，它允许AI工具（如Cursor、Claude Desktop等）通过浏览器扩展捕获和分析网页数据。这使得AI能够更好地理解用户在浏览器中的操作。

如何使用MCP服务器？

安装并配置MCP服务器后，您可以在任何支持MCP协议的AI工具中使用它来监控浏览器活动、捕获网络请求、截取屏幕快照以及分析DOM元素。

适用场景

适用于需要深度集成浏览器数据的开发人员、测试人员以及希望增强AI交互能力的团队。

主要功能

浏览器控制台监控

实时捕捉浏览器控制台的日志输出。

网络请求捕获

记录所有HTTP请求及其响应内容。

屏幕截图功能

通过WebSocket即时捕获当前页面的截图。

DOM元素分析

解析和提取选定的HTML节点属性。

优势

本地存储日志，确保数据安全。

支持多种AI客户端，灵活性高。

易于集成到现有工作流中。

局限性

需要本地运行Node.js环境。

可能增加系统性能开销。

如何使用

安装Node.js

下载并安装最新版本的Node.js。

启动MCP服务器

运行命令以启动本地MCP服务器。

配置Chrome扩展

在Chrome中加载已下载的扩展程序。

使用案例

调试Web应用

通过MCP服务器监控前端错误，快速定位问题。

自动化测试

利用MCP服务器记录网络请求，验证API接口是否正常。

常见问题

MCP服务器是否支持多用户同时访问？

如何保护我的数据隐私？

🚀 浏览器工具 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 扩展程序。