Browsertools

BrowserTools MCP是一個強大的瀏覽器監控與交互工具，通過Chrome擴展和本地Node服務器實現AI應用對瀏覽器數據的捕獲與分析，支持與多種MCP客戶端兼容。

開發者工具監控 #瀏覽器監控 #AI交互 #本地處理 #MCP協議 .JavaScript

評分 : 2.5分

下載量 : 8.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 擴展程序。