BrowserStack MCP 服务器集成

“BrowserStack” MCP 服务器有什么作用？

BrowserStack MCP 服务器是一款模型上下文协议（MCP）服务器，将 AI 助手和开发者工具直接连接到 BrowserStack 的云端测试基础设施。它让开发者和测试人员能够在自己喜爱的 AI 驱动工作流中，自动化、管理并操作 BrowserStack 的真实设备与浏览器云。该服务器支持在真实设备上启动手动或自动化测试、调试应用崩溃、跨浏览器测试网站，以及集成高级应用性能分析——全部通过标准化的 MCP 工具和提示。它桥接了 AI 助手与 BrowserStack 强大测试平台之间的空白，简化测试流程、提升调试效率，并加速手动测试人员与自动化工程师的开发工作流。

提示词示例列表

• “open my app on a iPhone 15 Pro Max”
  在 BrowserStack 云中的指定真实设备上启动您的移动应用。
• “My app crashed on Android 14 device, can you help me debug?”
  针对指定设备和操作系统版本上的应用崩溃发起调试和诊断。
• “open my website hosted on localhost:3001 on Edge”
  在 BrowserStack 基础设施中的真实浏览器/设备上打开本地网站。

资源列表

• 设备矩阵资源
  提供 BrowserStack 云中可用真实设备及浏览器/操作系统组合的完整列表。
• 应用性能分析数据
  提供真实测试会话中的应用性能和分析指标。
• 测试会话产物
  提供测试会话期间生成的日志、截图和视频，便于进一步分析。
• 设备与浏览器文档
  提供可用设备、操作系统版本和支持浏览器的文档链接。

工具列表

在已有文档或代码目录中，未提供直接的工具列表（如 server.py 所示）。

本 MCP 服务器的应用场景

• 手动应用测试
  可在多种真实设备上即时打开并操作移动应用，使测试人员无需模拟器即可还原和调试真实场景。
• 应用崩溃调试
  利用分析和诊断工具，在 BrowserStack 云端特定设备/系统组合上分析并解决应用崩溃。
• 手动网页测试
  在真实浏览器和设备上测试网站（包括本地托管网站），实现跨浏览器兼容性，无需本地安装浏览器。
• 自动化测试集成
  将 BrowserStack 的设备与浏览器矩阵集成到自动化 QA 流程，实现 CI/CD 流水线中的持续测试。
• 全面设备覆盖
  利用最新发布硬件在内的全系列设备与浏览器，拓展并现代化测试覆盖面。

安装配置方法

Windsurf

1. 确保您的系统已安装 Node.js。
2. 找到 Windsurf 的配置文件。
3. 在 mcpServers 对象中添加 BrowserStack MCP 服务器，使用如下 JSON 示例：

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. 保存配置并重启 Windsurf。
5. 检查服务器是否运行并可访问，以验证设置。

Claude

1. 如未安装 Node.js，请先安装。
2. 打开 Claude 的集成/配置设置。
3. 添加 BrowserStack MCP 服务器，格式如下：

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. 保存更改并重启 Claude。
5. 在 Claude 的工具面板确认 MCP 服务器可访问。

Cursor

1. 确认已安装 Node.js。
2. 编辑 Cursor 的 mcpServers 配置。
3. 插入以下内容：

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. 重启 Cursor 应用新服务器配置。
5. 通过发出提示测试集成，确认出现 BrowserStack 选项。

Cline

1. 前置条件：需安装 Node.js。
2. 进入 Cline 的配置文件目录。
3. 添加 MCP 服务器：

   {
     "mcpServers": {
       "browserstack-mcp": {
         "command": "npx",
         "args": ["@browserstack/mcp-server@latest"]
       }
     }
   }
   

4. 保存并重启 Cline。
5. 在 Cline 界面检查 BrowserStack 测试功能。

API 密钥安全

为保障 BrowserStack API 密钥安全，请使用环境变量：

{
  "mcpServers": {
    "browserstack-mcp": {
      "command": "npx",
      "args": ["@browserstack/mcp-server@latest"],
      "env": {
        "BROWSERSTACK_API_KEY": "${BROWSERSTACK_API_KEY}"
      },
      "inputs": {
        "apiKey": "${BROWSERSTACK_API_KEY}"
      }
    }
  }
}

将 "${BROWSERSTACK_API_KEY}" 替换为您的实际环境变量或密钥管理器引用。

在流程中如何使用本 MCP

在 FlowHunt 中使用 MCP

要将 MCP 服务器集成到您的 FlowHunt 工作流中，请首先在流程中添加 MCP 组件，并将其连接到您的 AI 代理：

点击 MCP 组件以打开配置面板。在系统 MCP 配置部分，按如下 JSON 格式插入您的 MCP 服务器信息：

{
  "browserstack-mcp": {
    "transport": "streamable_http",
    "url": "https://yourmcpserver.example/pathtothemcp/url"
  }
}

配置完成后，AI 代理即可作为工具使用此 MCP，访问其全部功能与能力。请记得将 “browserstack-mcp” 替换为您的 MCP 服务器实际名称，并替换 URL 为您的 MCP 服务器地址。

概览

我们的看法

BrowserStack MCP 服务器为真实设备和浏览器测试提供了强大 AI 与 MCP 集成，设置指引清晰，示例提示与资源丰富。不过，缺乏明确的工具列表及高级 MCP 功能（如 roots、采样）相关信息，对进阶用户的透明度略有不足。

MCP 评分

评分：7/10
文档完善，资源和提示词有价值。如有更详尽工具文档及高级 MCP 功能描述会更佳。