BrowserStack

官方

将BrowserStack测试平台的完整功能引入您的AI工具，让团队中的每位开发者和测试人员都能更快速、更轻松地进行测试。

GitHub
154

你可以用 BrowserStack MCP 做什么？

  • 手动应用测试 — 让你的助手在指定的真实设备上打开应用，例如“在 iPhone 15 Pro Max 上打开我的应用”，并调试崩溃问题。
  • 手动网页测试 — 在云端浏览器和设备上测试网站，包括托管在本机上的网站。
  • 自动化测试调试 — 在 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?"
  • 与模拟器不同，你可以在真实设备上测试应用的实际表现。借助高级应用性能分析功能，你可以实时调试崩溃和性能问题。
  • 通过我们的设备矩阵访问所有主流设备和操作系统版本。我们严格遵守 SLA，确保全球数据中心在新设备发布当天就能提供这些设备。

🌐 手动测试 Web

与应用测试类似，你可以使用以下提示，在 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 小时数。支持在 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 智能体生成测试用例、将手动测试转换为低代码自动化，并自动修复不稳定的脚本，轻松集成到你的工作流中。以下是一些访问 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 工作流。AI 助手会在每次会话开始时加载 MCP 服务器公开的所有工具，因此每个工作流都使用一个工具会占满上下文窗口，并拖慢整个会话。为此，AI 助手会使用核心工具，以自然语言搜索 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 进行讨论。