Browser Tools MCP
什麼是BrowserTools MCP?
BrowserTools MCP是一個基於Anthropic的Model Context Protocol(MCP)的瀏覽器交互工具,通過Chrome擴展實現瀏覽器數據的捕獲和分析,使AI工具能夠更智能地與瀏覽器交互。如何使用BrowserTools MCP?
安裝Chrome擴展、MCP服務器和本地Node服務器三個組件後,即可在兼容的MCP客戶端(如Cursor IDE)中使用瀏覽器監控和分析功能。適用場景
適用於網頁開發調試、SEO優化、性能分析、無障礙檢測等需要瀏覽器交互和數據分析的場景。主要功能
瀏覽器監控
即時監控瀏覽器控制檯輸出、網絡活動和DOM元素
自動化審計
提供可訪問性、性能、SEO和最佳實踐的自動化審計
截圖功能
支持自動截圖並粘貼到客戶端
NextJS專項審計
針對NextJS框架的專項SEO和最佳實踐檢查
優勢
本地運行,數據不會發送到第三方
支持多種審計模式
與主流MCP客戶端兼容
自動發現和連接機制簡化了配置
侷限性
需要安裝多個組件
部分功能依賴Chrome瀏覽器
初次配置可能需要調試
如何使用
安裝Chrome擴展
從GitHub下載並安裝v1.2.0版本的Chrome擴展
安裝MCP服務器
在IDE中運行命令安裝MCP服務器
運行本地Node服務器
在新終端窗口中運行本地服務器
打開Chrome開發者工具
在瀏覽器中打開開發者工具並選擇BrowserToolsMCP面板
使用案例
檢查頁面可訪問性
確保網頁符合WCAG無障礙標準
優化頁面加載速度
識別並解決頁面性能瓶頸
NextJS SEO優化
針對NextJS應用進行SEO專項檢查
常見問題
安裝後無法連接怎麼辦?
數據會發送到外部服務器嗎?
支持哪些MCP客戶端?
相關資源
官方文檔
完整的安裝、快速入門和貢獻指南
GitHub項目路線圖
項目開發路線圖和計劃功能
技術支持
通過Twitter聯繫開發者獲取技術支持

Markdownify MCP
Markdownify是一個多功能文件轉換服務,支持將PDF、圖片、音頻等多種格式及網頁內容轉換為Markdown格式。
TypeScript
19.4K
5分

Baidu Map
已認證
百度地圖MCP Server是國內首個兼容MCP協議的地圖服務,提供地理編碼、路線規劃等10個標準化API接口,支持Python和Typescript快速接入,賦能智能體實現地圖相關功能。
Python
26.2K
4.5分

Firecrawl MCP Server
Firecrawl MCP Server是一個集成Firecrawl網頁抓取能力的模型上下文協議服務器,提供豐富的網頁抓取、搜索和內容提取功能。
TypeScript
64.6K
5分

Sequential Thinking MCP Server
一個基於MCP協議的結構化思維服務器,通過定義思考階段幫助分解複雜問題並生成總結
Python
21.8K
4.5分

Edgeone Pages MCP Server
EdgeOne Pages MCP是一個通過MCP協議快速部署HTML內容到EdgeOne Pages並獲取公開URL的服務
TypeScript
16.3K
4.8分

Magic MCP
Magic Component Platform (MCP) 是一個AI驅動的UI組件生成工具,通過自然語言描述幫助開發者快速創建現代化UI組件,支持多種IDE集成。
JavaScript
16.5K
5分

Context7
Context7 MCP是一個為AI編程助手提供即時、版本特定文檔和代碼示例的服務,通過Model Context Protocol直接集成到提示中,解決LLM使用過時信息的問題。
TypeScript
43.8K
4.7分

Notion Api MCP
已認證
一個基於Python的MCP服務器,通過Notion API提供高級待辦事項管理和內容組織功能,實現AI模型與Notion的無縫集成。
Python
13.4K
4.5分