Browsertools

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

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

評分 : 2.5分

下載量 : 24

更新時間 : 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 擴展程序。