BrowserStack

官方

將 BrowserStack 測試平台的完整功能帶入您的 AI 工具，讓團隊中的每位開發者和測試人員都能更快速、更輕鬆地進行測試。

GitHub
154

你可以用 BrowserStack MCP 做什麼？

  • 手動 App 測試 — 請助理在特定的實體裝置上開啟 App，例如「在 iPhone 15 Pro Max 上開啟我的 App」，並偵錯當機問題。
  • 手動網站測試 — 在雲端瀏覽器和裝置上測試網站，包括託管於本機電腦上的網站。
  • 自動化測試偵錯 — 在 BrowserStack 上執行 Playwright、Selenium 或 Jest 測試套件，取得失敗原因分析，並由助理提出修正方案供你核准。
  • 無障礙掃描 — 掃描本機或正式環境網站的無障礙問題，並取得建議的修正方案。
  • 測試管理 — 建立專案、資料夾和測試案例，接著建立測試執行並以一般語言更新結果。
  • 負載測試 — 尋找、執行、停止及比較負載測試，閱讀報告和 AI 洞察，並查看剩餘的 VU-hours。

文件

BrowserStack MCP Server

BrowserStack Logo MCP Server Logo

完整測試平台

直接在 Cursor、Claude 或任何支援 MCP 的用戶端等工具中，以淺白英文管理測試案例、執行手動或自動化測試、偵錯問題，甚至修正程式碼。

隨處測試：

輕鬆將 BrowserStack Test Platform 連接至您喜愛的 AI 工具，例如 IDE、LLM 或代理式工作流程。

使用自然語言測試：

使用淺白英文提示管理、執行及偵錯測試，甚至修正程式碼。

減少切換情境：

保持工作流程順暢——將所有專案情境集中在一處，並直接從 IDE 或 LLM 觸發操作。

⚡️ 一鍵設定 MCP

點擊下方按鈕，在您使用的 IDE 或助理中安裝 MCP：

Install in VS Code  Add to Copilot  Add to Cursor  Add to Claude  Add to ChatGPT

注意： 託管的 Remote MCP 伺服器 (mcp.browserstack.com) 現在透過 Streamable HTTP 完全無狀態——任何 Streamable-HTTP 用戶端（Claude、Cursor、VS Code、ChatGPT）都能直接連線，無須變更設定。

Kiro： 此伺服器的 Kiro power 位於 integrations/kiro-power。在 Kiro IDE 中，開啟 Powers 面板 → Add Custom Power → Import power from GitHub，並輸入 https://github.com/browserstack/mcp-server/tree/main/integrations/kiro-power；或複製此儲存庫，然後使用 Import power from a folder 並選取該目錄。

先決條件

  • BrowserStack 帳戶。如果您還沒有帳戶，請註冊；開源專案可取得免費方案。
  • 您的 username 和 access_key，可在帳戶設定中找到。

如需在任何 MCP 用戶端中手動設定，請參閱在本機安裝 MCP 伺服器或設定遠端 MCP 伺服器。

注意：請確保使用的 Node 版本 >= 22

  • 使用 node --version 檢查 Node 版本。建議版本：v22.15.0 (LTS)
  • 升級 Node：
    1. 在 macOS 上 (Homebrew) - brew update && brew upgrade node or if using (nvm) - nvm install 22.15.0 && nvm use 22.15.0 && nvm alias default 22.15.0
    1. 在 Windows 上 (nvm-windows) : nvm install 22.15.0 && nvm use 22.15.0
  • 👉 或直接下載 Node.js LTS 安裝程式

🪄 代理程式輔助設定

大多數 AI 代理程式都能新增 BrowserStack MCP 伺服器、連線至伺服器，並引導您完成登入，無須手動設定。將此提示貼到您的代理程式中：

Add the BrowserStack MCP server to this agent, following the setup guide at
https://www.browserstack.com/docs/browserstack-mcp-server/get-started/remote-mcp-server
and using the server URL https://mcp.browserstack.com/mcp. Once it is added, start the
BrowserStack sign-in flow so I can log in.

若要自行新增，請使用用戶端的命令或選單：

用戶端命令或設定
Claude Codeclaude mcp add --scope user --transport http browserstack https://mcp.browserstack.com/mcp，然後在工作階段中執行 /mcp 並登入
Claude Desktop / claude.aiSettings → Connectors → Add custom connector，並輸入 URL https://mcp.browserstack.com/mcp
ChatGPT安裝 BrowserStack 外掛程式
Codexcodex mcp add browserstack --url https://mcp.browserstack.com/mcp，然後使用 codex mcp login browserstack 登入
VS Code / GitHub Copilotcode --add-mcp '{"name":"browserstack","type":"http","url":"https://mcp.browserstack.com/mcp"}'，然後從 MCP 檢視啟動伺服器並登入
Cursor在 ~/.cursor/mcp.json 的 mcpServers 下新增 "browserstack": { "url": "https://mcp.browserstack.com/mcp" }，然後從 Cursor Settings → MCP 登入
任何其他 MCP 用戶端將其指向 https://mcp.browserstack.com/mcp

💡 使用範例

📱 手動測試應用程式

在搭載最新作業系統版本的真實裝置上測試行動應用程式。無須繁瑣設定，即可重現錯誤並偵錯當機問題。 以下是一些範例提示，可用於 BrowserStack 廣大的真實裝置雲端測試您的行動應用程式

# Open app on specific device
"open my app on a iPhone 15 Pro Max"

# Debug app crashes
"My app crashed on Android 14 device, can you help me debug?"
  • 不同於模擬器，您可以在實際裝置上測試應用程式的真實效能。透過進階的 App-Profiling 功能，您可以即時偵錯當機和效能問題。
  • 透過我們的裝置清單存取各大品牌裝置和作業系統版本。我們嚴格遵守 SLA，確保全球資料中心在新裝置上市當天即可提供使用。

🌐 手動測試網站

與應用程式測試類似，您可以使用以下提示，在 BrowserStack 廣大的真實瀏覽器和裝置雲端測試您的網站。您的電腦沒有安裝 Edge 瀏覽器嗎？別擔心！

# Test your websites
"open my website hosted on localhost:3001 on Edge"
"open browserstack.com on latest version of Chrome"
  • 在不同瀏覽器和裝置上測試網站。我們支援各大作業系統上的所有主流瀏覽器。
  • 輕鬆測試託管於本機的網站，無須部署至遠端伺服器！

🧪 自動化測試（Playwright、Selenium、A11y 等）

直接在 IDE 或 LLM 中自動分析、診斷，甚至修復失敗的測試指令碼。立即擷取記錄、找出根本原因，並套用符合情境的修正。告別反覆偵錯。 以下是一些範例提示，可在 BrowserStack 的Test Platform上執行、偵錯或修復自動化測試。

注意： 為測試擷取根本原因分析 (RCA) 時，伺服器只會以建議方案的形式傳回修正建議，不會自動套用程式碼變更——您的助理必須先呈現建議，並等待您明確核准後，才能編輯任何檔案。

#Port test suite to BrowserStack
"Setup test suite to run on BrowserStack infra"

#Run tests on BrowserStack
“Run my tests on BrowserStack”

#AI powered debugging of test failures
"My App Automate tests have failed, can you help me fix the new failures?"
  • 利用業界領先的Test Observability功能，修復 CI/CD 管線回報的測試失敗。如需更多資訊，請參閱此處。
  • 在 BrowserStack 的Test Platform上執行以 Jest、Playwright、Selenium 等工具撰寫的測試。

🌐 無障礙測試

透過自動化的本機無障礙掃描，及早發現無障礙問題。一鍵取得 AI 建議的修正方案。無須翻找文件，也不必擔心 CI 出現意外。使用我們的無障礙測試工具，確保符合 WCAG 和 ADA 規範。

#Scan accessibility issues while development
"Scan & help fix accessibility issues for my website running locally on localhost:3000"

#Scan accessibility issues on production site
“Run accessibility scan & identify issues on my website - www.bstackdemo.com”

📋 測試管理

使用自然語言建立及管理測試案例、建立測試計畫並觸發測試執行。以下是一些範例提示，可透過 MCP 伺服器運用 BrowserStack Test Management 的功能。

# Create project & folder structure
"create new Test management project named My Demo Project with two sub folders - Login & Checkout"

# Add test cases
"add invalid login test case in Test Management project named My Demo Project"

# List added test cases 
"list high priority Login test cases from Test Management project - My Demo Project"

# Create test run
"create a test run for Login tests from Test Management project - My Demo Project"

# Update test results
"update test results as passed for Login tests test run from My Demo Project"

⚡ 負載測試

無須離開 IDE 或聊天介面，即可大規模執行及分析負載測試——尋找測試、啟動和停止執行、閱讀報告和 AI Insights、比較執行結果，以及查看 VU-hours。支援 BrowserStack Load Testing 上的 API（JMeter、k6、Gatling、Locust）、瀏覽器（Playwright、Selenium、WebdriverIO、Nightwatch）和混合負載測試。這些操作會透過核心工具執行。

# Find a test
"find my load test called checkout-api"

# Run it
"run checkout-api for 5 minutes with 100 virtual users"

# Check on it
"is my checkout-api run finished yet?"

# Read the results
"what was the p95 response time and error rate of the last checkout-api run?"

# Compare two runs of the same test
"did the latest checkout-api run regress compared with the previous one?"

# Check quota before a big run
"how many VU-hours do I have left, and what would a 30-minute run with 500 VUs cost?"

🧪 使用 BrowserStack AI 代理程式

運用 BrowserStack 的 AI 代理程式產生 PRD 測試案例、將手動測試轉換為低程式碼自動化，並自動修復不穩定的指令碼，無縫整合至您的工作流程。以下是一些存取 BrowserStack AI 代理程式的範例提示。

#Test case generator agent
"With Browserstack AI, create relevant test cases for my PRD located at /usr/file/location"


#Low code authoring agent
“With Browserstack AI, automate my manual test case X, added in Test Management”


#Self healing agent
“Help fix flaky tests in my test script with Browserstack AI self healing”

🧭 核心工具

五種核心工具可讓您的 AI 助理尋找並執行任何 BrowserStack 工作流程。每次工作階段開始時，助理都會載入 MCP 伺服器提供的所有工具；若每個工作流程都使用一種工具，就會佔滿情境視窗並拖慢整個工作階段。因此，助理會使用核心工具，以淺白語言搜尋 BrowserStack 工具目錄，並執行所需工具。

工具說明
listProducts列出目錄中的 BrowserStack 產品，並簡要說明各產品涵蓋的範圍
describeEntity說明一個實體：其別名、ID 格式、父項與相關實體，以及可對其執行的功能
searchCapability找出符合淺白語言請求的功能，並提供助理執行各項功能所需的一切資訊
describeCapability傳回單一功能的完整詳細資訊，例如參數、請求本文和回應格式
invokeCapability執行一項功能，並原樣傳回產品的回應。變更資料需要您的核准

如需參數及資料變更核准方式的資訊，請參閱核心工具。

所有工具 — 請參閱 docs/TOOLS.md，查看依產品分類的所有工具；或參閱 BrowserStack MCP 工具與工作流程，了解產品工作流程。

檔案與應用程式上傳： 上傳本機檔案／應用程式的工具 (uploadProductRequirementFile、takeAppScreenshot、runAppTestsOnBrowserStack、runAppLiveSession) 需要將 MCP_UPLOAD_BASE_DIR 環境變數設為包含這些檔案的目錄；上傳範圍僅限於該目錄。

🚀 遠端 MCP 伺服器

遠端 MCP 提供 MCP 伺服器的所有功能，無須處理複雜設定或本機安裝。

主要優點：

  • ✅ 可在企業網路中順暢運作，無須擔心防火牆、二進位檔，或無法進行本機安裝的情況。

  • ✅ 安全的 OAuth 整合——無須分享密碼或手動處理憑證。

限制：

  • ❌ 不支援本機測試（無法測試 VPN、防火牆或 localhost 後方的應用程式）。若要進行本機測試，您必須使用 BrowserStack Local MCP 伺服器。
  • ❌ 延遲可能稍高，但影響不大——一般使用時通常不會察覺。

⚠️ 重要注意事項

  • BrowserStack MCP Server 正在積極開發中，目前僅支援部分 MCP 規格。很快會加入更多功能。
  • 工具呼叫仰賴 MCP 用戶端，而 MCP 用戶端又仰賴 LLM，因此可能出現非決定性行為，導致非預期結果。如果您有任何建議或意見回饋，請開啟 issue 討論。

📝 貢獻

歡迎貢獻！如有任何想進行的變更，請開啟 issue 討論。 👉 點此查看貢獻指南

📞 支援

如需支援，請：

🚀 更多功能即將推出

敬請期待精彩更新！有任何建議嗎？請開啟 issue 討論。