瀏覽器控制台 MCP 透過 MCP 協議促進 Cursor 的 AI 與網頁之間的互動，提供執行 JavaScript、捕獲截圖和操作頁面元素的功能，以進行自動化和數據提取。
新增日期：
創建者：
May 13 2025
精選
browser-console-mcp 是什麼？
瀏覽器控制台 MCP 是一個設計用於讓 Cursor 的 Claude AI 助手使用 MCP（模型上下文協議）在瀏覽器環境中控制和互動網頁的工具。它提供了一個瀏覽器客戶端和一個 MCP 伺服器來執行操作，如檢索頁面 HTML、執行腳本、獲取頁面標題和 URL、通過 CSS 選擇器選擇元素、捕獲截圖、點擊元素和向表單中輸入文本。設置涉及將 MCP 客戶端注入瀏覽器控制台並使用 JSON 文件配置 MCP 伺服器，從而實現無縫整合，用於自動化、測試和數據收集任務。該工具簡化了編程瀏覽器控制，特別適合開發者、測試者和 AI 驅動的自動化工作流程。
誰會使用 browser-console-mcp？
- 開發者
- 測試者
- AI 自動化用戶
- 網頁爬蟲
- 瀏覽器自動化工程師
如何使用 browser-console-mcp？
- 步驟 1：通過在瀏覽器控制台執行提供的腳本，注入 MCP 客戶端。
- 步驟 2：在主目錄中創建 '.cursor/mcp.json' 配置文件，並填寫 MCP 伺服器詳細信息。
- 步驟 3：使用 Cursor 調用工具，如執行 JavaScript、捕獲截圖或通過 MCP 協議與網頁元素互動。
browser-console-mcp 的核心特徵與益處
主要功能
- 獲取頁面 HTML
- 執行 JavaScript
- 獲取頁面標題和 URL
- 使用 CSS 選擇器選擇元素
- 捕獲截圖
- 點擊元素
- 向表單中輸入文本
優點
- 使程序化控制網頁成為可能
- 促進測試和數據提取的自動化
- 將 AI 協助集成到瀏覽器任務中
- 簡化複雜的瀏覽器交互
browser-console-mcp 的主要使用案例與應用
- 使用 AI 自動化瀏覽器測試
- 通過網頁爬蟲提取數據
- 執行自動表單填寫
- AI 驅動的瀏覽和導航
- 捕獲網頁截圖進行監控
browser-console-mcp 的常見問答
開發者
- super-yolin
您可能也喜歡：
開發者工具
一個 Docker 映像，承載多個 MCP 伺服器，透過整合 supergateway 以統一入口點訪問。
研究與數據
NOL 整合了 LangChain 和 Open Router，以使用 Next.js 創建一個多客戶端的 MCP 伺服器。