MCP服务器

Name: MCP服务器
Author: browserstack

作者：browserstack110 星标更新：2025-11-16

安装使用来源：spider==github.com

项目介绍

BrowserStack MCP Server

<div align="center"> <img src="assets/browserstack-logo.png" alt="BrowserStack Logo" height="100"> <img src="assets/mcp-logo.png" alt="MCP Server Logo" width="100"> </div> <div align="center"> <a href="https://www.npmjs.com/package/@browserstack/mcp-server"> <img alt="NPM 版本" src="https://img.shields.io/npm/v/%40browserstack%2Fmcp-server"> </a> </div> <p align="center">综合测试平台</p> <div align="center"> <a href="https://glama.ai/mcp/servers/@browserstack/mcp-server"> <img width="380" height="200" src="https://gips0.baidu.com/it/u=731604627,4259591440&fm=3081&app=3081&f=PNG?w=760&h=400" alt="BrowserStack 测试平台" /> </a> </div> <div> <a href="https://www.youtube.com/watch?v=sLA7K9v7qZc&list=PL1vH6dHT3H7oy8w9CY6L_nxGxCc89VXMX&index=5"> <img src="assets/thumbnail.webp"> </a> </div>

管理测试用例，执行手动或自动化测试，调试问题，甚至修复代码——直接在工具如Cursor、Claude或其他支持MCP的客户端中使用纯英文。

从任何地方进行测试：

轻松连接BrowserStack测试平台到您喜爱的AI工具，例如IDE、LLM或代理工作流。

使用自然语言进行测试：

使用纯英文提示来管理、执行、调试测试，甚至修复代码。

减少上下文切换：

保持流畅——将所有项目上下文放在一个地方，并直接从您的IDE或LLM触发操作。

⚡️ 一键MCP设置

点击下面的按钮在您的IDE中安装MCP：

注意事项：确保您使用的是Node版本 >= `18.0`

使用 node --version 检查您的Node版本。推荐版本：v22.15.0 (LTS)
升级Node：
1. 在macOS上 (Homebrew) - brew update && brew upgrade node 或者如果使用 (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
👉 <a href="https://nodejs.org/en/download" target="_blank">或者直接下载Node.js LTS安装程序</a>

💡 使用示例

📱 手动应用测试

在最新的操作系统版本的真实设备上测试移动应用。无需设置麻烦即可重现错误并调试崩溃。以下是一些示例提示，用于在BrowserStack广泛的云真实设备上使用您的移动应用

# 在特定设备上打开应用
"在我的iPhone 15 Pro Max上打开我的应用"

# 调试应用崩溃
"我的应用在Android 14设备上崩溃了，你能帮我调试吗？"

与模拟器不同，您可以使用实际设备测试应用的真实性能。通过高级应用分析特性，您可以实时调试崩溃和性能问题。
访问我们设备网格中的所有主要设备和操作系统版本，我们有严格的SLA，在新设备发布当天为其全球数据中心配备新设备。

🌐 手动Web测试

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

# 测试您的网站
"在我的localhost:3001托管的网站上打开Edge"
"在最新版本的Chrome上打开browserstack.com"

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

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

自动分析、诊断，甚至在您的IDE或LLM中修复损坏的测试脚本。即时获取日志，识别根本原因，并应用上下文感知修复。不再需要调试循环。以下是一些示例提示，用于在BrowserStack的测试平台上运行/调试/修复您的自动化测试。

# 将测试套件移植到BrowserStack
"设置测试套件以在BrowserStack基础设施上运行"

# 在BrowserStack上运行测试
“在我的测试套件上运行BrowserStack”

# AI驱动的测试失败调试
"我的应用自动化测试失败了，你能帮助我修复新的失败吗？"

利用我们行业领先的测试可观测性特性，修复CI/CD管道报告的测试失败。更多信息请参阅这里。
在BrowserStack的测试平台上运行使用Jest、Playwright、Selenium等编写的测试。

🌐 可访问性

通过自动化的本地a11y扫描及早发现可访问性问题。获得一键式、AI建议的修复。无需查找文档，无需CI意外。使用我们的可访问性测试工具确保符合WCAG和ADA标准

# 开发过程中扫描可访问性问题
"扫描并帮助修复在我本地运行于localhost:3000的网站上的可访问性问题"

# 生产站点上的可访问性扫描
“运行可访问性扫描并识别我在网站www.bstackdemo.com上的问题”

📋 测试管理

创建和管理测试用例，创建测试计划并使用自然语言触发测试运行。以下是一些示例提示，利用BrowserStack的测试管理功能。

# 创建项目及文件夹结构
"创建名为My Demo Project的新测试管理项目，包含两个子文件夹 - 登录和结账"

# 添加测试用例
"在名为My Demo Project的测试管理项目中添加无效登录测试用例"

# 列出已添加的测试用例
"列出My Demo Project测试管理项目中的高优先级登录测试用例"

# 创建测试运行
"为My Demo Project测试管理项目中的登录测试创建测试运行"

# 更新测试结果
"更新My Demo Project中的登录测试测试运行的结果为通过"

🧪 访问BrowserStack AI代理

从PRD生成测试用例，将手动测试转换为低代码自动化，并由BrowserStack的AI代理自动修复易出错的脚本，无缝集成到您的工作流程中。以下是一些示例提示，访问BrowserStack AI代理

# 测试用例生成代理
"使用BrowserStack AI，为位于/usr/file/location的PRD创建相关测试用例"

# 低代码编写代理
“使用BrowserStack AI，自动化我在测试管理中添加的手动测试案例X”

# 自愈代理
“帮助修复我的测试脚本中的易出错测试，使用BrowserStack AI自愈”

🛠️ 安装

📋 MCP设置前提条件

注意事项：确保您使用的是Node版本 >= `18.0`

使用 node --version 检查您的Node版本。推荐版本：v22.15.0 (LTS)

一键MCP设置

点击下面的按钮在您的IDE中安装MCP：

其他方式设置MCP服务器

创建BrowserStack账户
- 如果您还没有账户，请注册BrowserStack。
- ℹ️ 如果您有一个开源项目，我们可以提供一个免费计划。
- 注册账户后（并购买适当计划），记下您的用户名和访问密钥，从账户设置获取。
注意事项：确保您使用的是Node版本 >= 18.0
- 使用 node --version 检查您的Node版本。推荐版本：v22.15.0 (LTS)
安装MCP服务器
- VSCode (Copilot - Agent模式)：.vscode/mcp.json：
  - 查找或创建配置文件：在项目的根目录中查找名为.vscode的文件夹。这个文件夹通常是隐藏的，所以您需要按照扩展中的说明找到它。
  - 如果不存在此文件夹，请创建它。
  - 在.vscode文件夹内，创建一个名为mcp.json的新文件
  - 添加配置：打开mcp.json文件，然后添加以下JSON内容。
  - 替换username和<access_key>为您的BrowserStack凭据。
```
{
  "servers": {
    "browserstack": {
      "command": "npx",
      "args": ["-y", "@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_USERNAME": "<username>",
        "BROWSERSTACK_ACCESS_KEY": "<access_key>"
      }
    }
  }
}
```
- 在VSCode中，确保点击MCP服务器中的开始按钮以启动服务器。
另一种方式在VSCode Copilot中设置MCP
1. 点击齿轮图标选择工具
<div align="center"> <img src="assets/select_tools.png" alt="选择工具" height="100"> </div> 2. 工具菜单会出现在顶部中心，向下滚动顶部菜单，然后点击添加MCP服务器 <div align="center"> <img src="assets/add_mcp_server.png" alt="添加MCP服务器" height="100"> </div> 3. 选择NPM包选项（从NPM包安装）- 列表中的第三个 <div align="center"> <img src="assets/select_npm_package.png" alt="选择NPM包" height="100"> </div> 4. 输入NPM包名称（@browserstack/mcp-server） <div align="center"> <img src="assets/enter_npm_package.png" alt="输入NPM包" height="100"> </div> 5. 输入BrowserStack用户名和访问密钥
- 对于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>"
      }
    }
  }
}
```
- Cline

点击导航栏中的“MCP服务器”图标选择“已安装”标签。点击窗格底部的“配置MCP服务器”按钮。

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

通过Smithery安装

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

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

💡 BrowserStack MCP工具列表

目前我们支持20种工具。

🧾 测试管理

createProjectOrFolder — 创建测试管理项目和/或文件夹以组织测试用例。返回文件夹ID、项目ID和测试管理链接以访问TM项目仪表板。 提示示例

创建一个名为'Shopping App'的新测试管理项目，包含两个文件夹 - 登录和结账

createTestCase — 在特定项目/文件夹下添加一个手动测试用例（使用项目标识符如PR-xxxxx和文件夹ID）。 提示示例

将名为'无效登录场景'的测试用例添加到'Shopping App'项目中的登录文件夹，项目标识符：PR-53617，文件夹ID：117869

listTestCases — 列出项目中的测试用例（支持过滤器如优先级、状态、标签）。 提示示例

列出'Shopping App'项目中所有高优先级的测试用例，项目标识符：PR-59457

createTestRun — 为项目中选定的测试用例创建测试运行（套件）。 提示示例

为'Shopping App'项目中的登录文件夹创建一个测试运行，并命名为'Release v1.0 登录流程'

listTestRuns — 列出项目的测试运行（按日期、分配人、状态筛选）。 提示示例

列出'Shopping App'项目中上周执行且当前标记为进行中的所有测试运行

updateTestRun — 部分更新测试运行（状态、标签、备注、关联的测试用例）。 提示示例

更新'Shopping App'项目中的测试运行ID 1043，并将其标记为完成，备注为'回归周期完成'

addTestResult — 为运行中的测试用例添加手动执行结果（通过/失败/阻塞/跳过）。 提示示例

将'Shopping App'项目中测试运行ID 1143中的测试用例'无效登录场景'标记为通过

createTestCasesFromFile — 从上传的文件（例如PDF）批量创建测试用例。 提示示例

从'/Users/xyz/testcases.pdf'上传测试用例到'Test Management'中的'Shopping App'项目

⚙️ BrowserStack SDK 设置 / 自动化测试

setupBrowserStackAutomateTests — 集成BrowserStack SDK并在BrowserStack上运行Web测试（可选启用Percy）。 提示示例

在Chrome和Firefox上运行我用Java编写的Selenium-JUnit5测试。启用Percy进行视觉测试。

fetchAutomationScreenshots — 获取给定自动化/应用自动化会话期间捕获的截图。 提示示例

获取桌面测试运行的Automate会话ID abc123xyz的截图

🔍 可观测性

getFailureLogs — 获取自动化/应用自动化会话的错误日志（可选地通过Build ID获取应用自动化）。 提示示例

获取会话ID：21a864032a7459f1e7634222249b316759d6827f，构建ID：dt7ung4wmjittzff8kksrjadjax9gzvbscoyf9qn的应用自动化测试会话的错误日志

📱 App Live

runAppLiveSession — 在云中的真实设备上启动手动应用测试会话。 提示示例

在iOS 17的iPhone 15 Pro Max上打开我的应用。应用路径是/Users/xyz/app.ipa

💻 Live

runBrowserLiveSession — 启动桌面或移动浏览器上的网站测试实时会话。 **提示示

MCP服务器

项目介绍

BrowserStack MCP Server

从任何地方进行测试：

使用自然语言进行测试：

减少上下文切换：

⚡️ 一键MCP设置

注意事项：确保您使用的是Node版本 >= 18.0

💡 使用示例

📱 手动应用测试

🌐 手动Web测试

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

🌐 可访问性

📋 测试管理

🧪 访问BrowserStack AI代理

🛠️ 安装

📋 MCP设置前提条件

注意事项：确保您使用的是Node版本 >= 18.0

一键MCP设置

其他方式设置MCP服务器

注意事项：确保您使用的是Node版本 >= 18.0

另一种方式在VSCode Copilot中设置MCP

通过Smithery安装

💡 BrowserStack MCP工具列表

🧾 测试管理

⚙️ BrowserStack SDK 设置 / 自动化测试

🔍 可观测性

📱 App Live

💻 Live

注意事项：确保您使用的是Node版本 >= `18.0`

注意事项：确保您使用的是Node版本 >= `18.0`

注意事项：确保您使用的是Node版本 >= `18.0`