BrowserStack MCP 服务器

让您的团队中的每个开发人员和测试人员都能使用我们的平台，无论他们是进行手动测试、开始自动化测试之旅还是扩展测试自动化。
BrowserStack MCP 服务器允许您直接从您喜爱的 AI 工具中使用我们先进的 测试平台。

为什么选择 BrowserStack？

💡 使用示例

📱 手动应用测试

使用以下提示在 BrowserStack 的真实设备云上测试您的 移动应用。停止使用模拟器！

bash

在特定设备上打开应用

"open my app on a iPhone 15 Pro Max"

调试应用崩溃

"My app crashed on Android 14 device, can you help me debug?"

• 与模拟器不同，您可以在实际设备上测试应用的真实性能。通过高级 应用分析功能，您可以实时调试崩溃和性能问题。
• 访问我们 设备网格 中的所有主要设备和操作系统版本。我们在全球数据中心严格遵守 SLA，在 发布日 提供最新发布的设备。

🌐 手动 Web 测试

类似于应用测试，您可以使用以下提示在 BrowserStack 的真实浏览器和设备云上测试您的 网站。没有在您的机器上安装 Edge 浏览器？我们已经为您准备好了！

bash

测试本地网站

"open my website hosted on localhost:3001 on Edge"

• 在不同的浏览器和设备上测试网站。我们支持 每个主要浏览器 和每个主要操作系统。
• 无缝测试托管在您机器上的本地网站，无需部署到远程服务器！

🧪 自动化测试（Playwright、Selenium、A11y 等）

使用以下提示在 BrowserStack 的 测试平台 上运行/调试/修复您的 自动化测试。

bash

将测试套件移植到 BrowserStack

"run my test suite on BrowserStack infra"

调试测试失败

"My test suite failed, can you help me fix the new failures?"

可访问性测试

"check for accessibility issues on my www.mywebsite.com"

• 利用我们行业领先的 测试可观察性 功能来修复 CI/CD 管道报告的测试失败。更多信息请参阅 这里。
• 在 BrowserStack 的 测试平台 上运行用 Jest、Playwright、Selenium 等编写的测试。
• 可访问性测试：使用我们的 可访问性测试 工具确保 WCAG 和 ADA 合规性。

📋 测试管理

使用以下提示利用 BrowserStack 的 测试管理 功能与 MCP 服务器。

bash

创建项目和文件夹结构

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

添加测试用例

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

列出添加的测试用例

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

创建测试运行

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

更新测试结果

"update test results as passed for Login tests test run from My Demo Project"## 🛠️ 安装

1. 创建 BrowserStack 账户

   • 如果您还没有账户，请注册 BrowserStack。

   • ℹ️ 如果您有一个开源项目，我们将能够为您提供一个免费计划。

   • 一旦您有了账户（并购买了适当的计划），请从账户设置中记下您的username和access_key。

2. 确保您使用的 Node 版本 >= 18.0。使用 node --version 检查您的 Node 版本。推荐版本：v22.15.0 (LTS)

3. 安装 MCP 服务器

   • VSCode (Copilot - 代理模式): .vscode/mcp.json:

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

   • 在 VSCode 中，确保点击 MCP 服务器中的Start按钮以启动服务器。
     
   • 对于 Cursor: .cursor/mcp.json:

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

   • Claude Desktop: ~/claude_desktop_config.json:

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

通过 Smithery 安装

要通过 Smithery 自动为 Claude Desktop 安装 BrowserStack 测试平台服务器：

bash
npx -y @smithery/cli install @browserstack/mcp-server --client claude

🤝 推荐的 MCP 客户端

• 我们推荐使用 Github Copilot 或 Cursor 进行自动化测试 + 调试用例。
• 对于手动测试用例（实时测试），我们推荐使用 Claude Desktop。

⚠️ 重要提示

• BrowserStack MCP 服务器正在积极开发中，目前支持 MCP 规范的一个子集。更多功能将很快添加。
• 工具调用依赖于 MCP 客户端，而 MCP 客户端又依赖于 LLM，因此可能会有一些非确定性行为导致意外结果。如果您有任何建议或反馈，请打开一个问题进行讨论。

📝 贡献

我们欢迎贡献！请打开一个问题来讨论您想要做的任何更改。
👉 点击这里查看我们的贡献指南

📞 支持

如需支持，请：

• 查看我们的文档
• 如果您遇到与 MCP 服务器相关的任何问题，请在我们的 GitHub 仓库 中打开一个问题。
• 对于其他查询，请联系我们的支持团队。

🚀 即将推出更多功能

敬请期待令人兴奋的更新！有任何建议？请打开一个问题进行讨论。

🔗 资源

• BrowserStack 测试平台
• MCP 协议文档
• 设备网格
• 可访问性测试