AgentDeskAI/browser-tools-mcp

Monitor browser logs directly from Cursor and other MCP compatible IDEs.

What it solves

BrowserTools MCP 讓 AI 編碼代理人能夠與使用者的現有 Chrome 工作階段進行互動與檢查。與傳統啟動全新且未經身份驗證的瀏覽器實例的自動化工具不同,此專案讓代理人能夠看到使用者所見的一切,包括使用者已經登入的頁面,從而避免了手動重建身份驗證狀態的必要性。

How it works

系統由兩個組件組成:一個 MCP (Model Context Protocol) 伺服器與一個 Chrome 擴充功能。擴充功能會附加於現有的瀏覽器工作階段,並將遙測數據(例如控制台日誌、網路活動與可視化截圖)串流傳輸至 MCP 伺服器。伺服器接著將這些數據作為工具與資源提供給 MCP 相容的 AI 客戶端(例如 Cursor 或 Claude Code),讓代理人能夠即時查詢瀏覽器的狀態。

Who it’s for

需要除錯即時網頁應用程式、執行可訪問性或 SEO 稽核,以及在不丟失當前工作階段狀態下檢查網路流量的 AI 編碼代理人使用者。

Highlights

  • Live Session Access: Accesses the real browser profile and active tabs, maintaining user logins and and so on...
  • Lighthouse Integration: Provides tools to run performance, accessibility, SEO, and best-practices audits directly via the agent.
  • Context Window Management: Large data payloads (like full logs or HAR files) are provided as MCP resources rather than inlined, preventing context window overflow.
  • Security-First Design: Features loopback-only binding, per-run authentication tokens,n and so on...
  • Multitab Support: Tracks telemetry separately for every tab with DevTools open, allowing agents to target specific tabs by ID.

(Note: The body text in the most accurate translation of most of Highlights's sub-bullets point to thethought process:

Let's re-examine the body text provided in the prompt.

Wait, I see a potential issue in my thought process. I should translate the WHOLE body.

Let's restart the translation for the body carefully.

What it solves

BrowserTools MCP 讓 AI 編碼代理人能夠與使用者的現有 Chrome 工作階段進行互動與檢查。與傳統啟動全新且未經身份驗證的瀏覽器實例的自動化工具不同,此專案讓代理人能夠看到使用者所見的一切,包括使用者已經登入的頁面,從而避免了手動重建身份驗證狀態的必要性。

How it works

系統由兩個組件組成:一個 MCP (Model Context Protocol) 伺服器與一個 Chrome 擴充功能。擴充功能會附加於現有的瀏覽器工作階段,並將遙測數據(例如控制台日誌、網路活動與截圖)串流傳輸至 MCP 伺服器。伺服器接著將這些數據作為工具與資源提供給 MCP 相容的 AI 客戶端(例如 Cursor 或 Claude Code),讓代理人能夠即時查詢瀏覽器的狀態。

Who it’s for

需要除錯即時網頁應用程式、執行可訪問性或 SEO 稽核,以及在不丟失當前工作階段狀態下檢查網路流量的 AI 編碼代理人使用者。

Highlights

  • Live Session Access: 存取真實的瀏覽器設定檔與啟動中的分頁,並維持使用者的登入狀態與身份驗證。
  • Lighthouse Integration: 提供工具,可直接透過代理人執行效能、可訪問性、SEO 與最佳實踐稽核。
  • Context Window Management: 大型數據負載(例如完整的日誌或 HAR 檔案)是以 MCP 資源的形式提供,而非直接內嵌,以防止上下文窗口溢出。
  • Security-First Design: 具備僅限迴路綁定 (loopback-only binding)、每次執行時的身份驗證權杖,以及自動從擷取的數據中清除敏感憑證(JWTs、cookies 等)。
  • Multitab Support: 為每個開啟 DevTools 的分頁分別追蹤遙測數據,讓代理人可以透過 ID 指定特定分頁。

相關

  • 專案
  • 專案
  • 專案
  • 專案
  • 專案