Browserstack MCP Server

🚀 BrowserStack MCP 服務器

BrowserStack MCP 服務器為開發者提供了便捷的測試環境配置與使用方案，藉助 BrowserStack 的強大功能和 MCP 協議，能有效提升測試效率，支持自動化和手動測試等多種場景。

🚀 快速開始

瀏覽器堆棧MCP服務器

📦 安裝指南

1. 創建瀏覽器堆棧賬戶

• 訪問 BrowserStack 賬戶設置
• 備註您的 username 和 access_key

2. 確保Node版本 >= v18.0。推薦使用 LTS 版本：v22.15.0

node --version

3. 安裝MCP服務器

在 VSCode 中（適用於 Copilot 的 Agent 模式）：

在 .vscode/mcp.json 中添加以下內容：

{
  "servers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}

在 VSCode 中點擊 Start 按鈕啟動服務器。

在 Cursor 中：

在 .cursor/mcp.json 中添加以下內容：

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}

在 Claude Desktop 中：

在 ~/claude_desktop_config.json 中添加以下內容：

{
  "mcpServers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}

✨ 主要特性

推薦的MCP客戶端

• Github Copilot 或 Cursor：適用於自動化測試和調試。
• Claude Desktop：適用於手動測試。

📚 詳細文檔

注意事項

⚠️ 重要提示

1. BrowserStack MCP Server 正在積極開發中，目前僅支持部分MCP規範功能。更多功能即將推出。
2. 工具調用依賴於LLM（Large Language Model），可能會導致非確定性行為和意外結果。

貢獻指南

我們歡迎貢獻！請參考 Contributing Guidelines 開展工作。

支持

• 查看我們的 文檔
• 如遇問題，請在 GitHub 倉庫 中提交問題。
• 聯繫我們的 支持團隊

未來功能預告

更多更新即將推出！有任何建議，請打開問題討論。

資源鏈接

• BrowserStack 測試平臺
• MCP 協議文檔
• 設備矩陣
• 無障礙測試