BrowserStack 跨浏览器云测试

解决的问题

本地环境很难覆盖用户真实使用的浏览器与设备组合：单一 Chrome、固定操作系统，通常只能验证“基本可用”，无法发现 Safari 引擎、旧版系统或小屏设备上的布局错位、兼容性报错与交互差异。BrowserStack 提供云端浏览器与设备网格，但把 Playwright 接入云网格、运行多浏览器项目、拉取构建结果与日志，仍需要反复编写配置和人工整理报告。该技能把这套流程整理成可重复执行的步骤。

核心能力

配置 BrowserStack 连接：检查当前 playwright.config.ts，加入 BrowserStack connect 选项，并补充 Cloud 项目脚本，例如按 chrome@*、firefox@*、webkit@* 分别运行。

运行跨浏览器测试：先确认 BROWSERSTACK_USERNAME 与 BROWSERSTACK_ACCESS_KEY 已设置；未设置时会提示从 BrowserStack 账户设置页获取并停止，避免用无效凭证空跑。随后执行云端项目，监控执行过程，并按浏览器汇总通过与失败情况。

获取构建与失败详情：通过 browserstack_get_builds 取最近构建，再读取构建内 session 的状态、浏览器与 OS、耗时、视频和日志链接，整理成结果表；单次失败会标记浏览器差异，并附 dashboard 链接便于回放截图与视频。

检查可用环境：调用 browserstack_get_browsers 等工具列出账户可访问的浏览器/OS 组合，并筛出与 Playwright 兼容的目标，减少选错组合导致的无效执行。

本地站点测试：面对 localhost 或内网 staging，可引入 browserstack-local 建立本地隧道，把私有地址暴露给云网格；技能会给出隧道配置与使用说明。

适用边界

效果取决于账户权限、云网格可用浏览器与 Playwright 版本兼容性；browserstack_* MCP 工具需要可用，认证信息缺失时不应继续。云上执行比本地慢，建议把高价值矩阵留给云端，日常开发仍以本地运行为主。