SuperAPI AI 工具集

playwright-tab-comparison

测试与质量

查看项目

更新于 10-15 20:34

技能介绍

用途:该技能用于打开多个浏览器标签页,系统化对比不同页面的内容、行为或视觉外观,典型场景包括 staging 与生产环境对比、A/B 测试、跨浏览器一致性验证、多版本功能测试、内容一致性校验和性能对比。

主要能力:通过 Playwright MCP 工具创建、列出和切换标签页;对每个标签页执行导航、无障碍快照、整页截图、结构化数据提取和网络请求捕获;将各标签页数据整理为统一 JSON;使用脚本分析差异并生成并排对比的 HTML 报告。

使用方式:先列出或新建标签页,用 browser_tabs(action="select", index=1) 切换(索引从 0 开始),再用 browser_navigate 导航到目标 URL;随后对每个标签页执行 browser_snapshot、browser_take_screenshot(filename="tab1-screenshot.png", fullPage=True)、browser_evaluate 和可选的 browser_network_requests;将结果保存为 tab-data.json,再运行 python scripts/compare_tabs.py tab-data.json 生成差异摘要,或运行 python scripts/generate_comparison_report.py tab-data.json comparison-report.html 生成 HTML 报告。

适用场景:视觉对比、内容对比、行为对比、性能对比和数据提取对比,可按测试目标选择策略。

限制与注意事项:需要 Playwright MCP 浏览器自动化、Python 3.x 和支持标签页的浏览器;标签页索引从 0 开始,操作前必须先选中标签页;截图默认只捕获当前视口,需 fullPage=True 才整页;应避免打开超过 5 个标签页、未等待页面加载、视口尺寸不一致、未保存数据就关闭标签页、对比不同登录状态页面以及忽略动态内容等问题。具体收费、价格和平台支持情况暂未提供。