Developer Tools MCP

🚀 開發者工具 MCP 服務器

開發者工具 MCP 服務器是一個全面的模型上下文協議（MCP）服務器，藉助 Puppeteer 實現了豐富的開發和瀏覽器自動化功能。它允許從 Cursor IDE 和其他 MCP 客戶端直接與瀏覽器和系統工具進行無縫交互，無需額外安裝瀏覽器或擴展。

🚀 快速開始

開發者工具 MCP 服務器是一個強大的工具，能助力開發者高效開展瀏覽器自動化和 Web 開發工作。下面為你介紹其安裝和使用的基本步驟。

✨ 主要特性

此 MCP 服務器提供了豐富的瀏覽器自動化和 Web 開發工具，具體特性如下：

🌐 瀏覽器自動化

• 頁面管理
  • 可創建、關閉並切換頁面。
  • 能夠獲取頁面信息（標題、URL、HTML 內容）。
  • 支持頁面導航與刷新。
  • 可進行框架切換。
  • 能等待頁面加載和元素出現。

📸 媒體與文檔

• 截圖
  • 可捕獲部分頁面截圖。
  • 能捕獲整頁截圖。
  • 支持生成 PDF 文檔（支持自定義選項）。

🍪 Cookie 管理

• 可設置和獲取 Cookie。
• 能按域名管理 Cookie。
• 可對 Cookie 進行操作與監控。

📱 視圖模式

• 支持移動設備仿真。
• 支持平板設備仿真。
• 可進行桌面視圖配置。

🔍 調試工具

• 可監控控制檯日誌。
• 能跟蹤頁面錯誤。
• 可進行資源使用分析。
• 能執行自定義 JavaScript。
• 可監控網絡請求。

📊 分析與測試

• 性能分析
  • 可獲取加載時間指標。
  • 能進行資源消耗分析。
  • 可分析網絡性能。
• 安全性分析
  • 可進行安全頭檢查。
  • 能檢查 SSL/TLS 配置。
• 可訪問性測試
  • 可進行 WCAG 合規性檢查。
  • 能遵循可訪問性最佳實踐。
• SEO 分析
  • 可驗證 Meta 標籤。
  • 能檢查 SEO 最佳實踐。
• 代碼覆蓋
  • 可進行 JavaScript 代碼覆蓋分析。

🔧 元素操作

• 元素信息
  • 可提取文本內容。
  • 能分析 HTML 結構。
  • 可訪問屬性和屬性。
  • 能檢查元素計數與可見性。
  • 可計算位置與樣式。
• 元素交互
  • 支持點擊操作。
  • 可進行文本輸入。
  • 支持滑動（元素、頁面頂部/底部、自定義位置）。
  • 可仿真鼠標懸停。
  • 支持表單提交。
  • 可進行文件上傳。
  • 支持鍵盤快捷鍵。
  • 可管理對話框（接受/拒絕/提示）。

🔄 API & 系統

• 可處理 REST API 請求。
• 能監控系統資源。

🔑 SSH 連接

• 可通過 SSH 連接到遠程服務器（持久連接）。
• 能在遠程 SSH 服務器上執行命令。
• 可斷開與遠程 SSH 服務器的連接。

📦 安裝指南

先決條件

• Node.js 運行時環境（v18 或更高版本）

設置

由於此服務器包含超過 40 個工具，建議使用 MCP HUB MCP 服務器

{
  "mcpServers": {
    "developer-tools-mcp": {
      "command": "npx -y developer-tools-mcp"
    }
  }
}

🤝 貢獻

歡迎貢獻！請隨時提交 Pull Request。

📄 許可證

此項目根據 MIT 許可證發佈，具體見 LICENSE 文件。