三个简单步骤
无需复杂设置,无需学习曲线。只要结果。
01
截取截图
将您的网站 URL 添加到 ScanU。我们自动启动 Chrome 和 Firefox 浏览器,在 6 种不同分辨率下截取全页截图,覆盖桌面、平板和移动设备。
- 跨浏览器和分辨率并行截取
- 全页截图,不仅是视口
- 首次运行自动建立基准
- 安全的 URL 验证以防止滥用
02
比较变化
我们的像素级比较引擎分析每张截图与其基准的差异。使用高级图像差异算法,我们能检测到最微小的视觉变化,同时过滤噪音。
- 使用 Pixelmatch 进行逐像素比较
- 每个项目可配置差异阈值
- 自动过滤抗锯齿噪音
- 高亮差异可视化
03
获取通知
检测到视觉回归时即时收到邮件通知。在直观的比较查看器中审查变化,然后一键接受或拒绝每个差异。
- 回归即时邮件提醒
- 测试完成时发送摘要邮件
- 一键接受或拒绝操作
- 设计变更时设置新基准
完整流程
深入了解 ScanU 的视觉回归测试工作原理。
1
创建项目
免费注册并创建您的第一个项目。输入网站 URL,可选配置差异阈值。这就是全部设置。
2
运行首次测试
点击“运行测试”开始截取截图。您的首次测试运行自动成为未来运行的比较基准。
3
截图已截取
我们启动真实浏览器(Chrome 和 Firefox),导航到您的 URL,并在多种分辨率下截取全页截图。所有截图安全存储在欧盟。
4
更改并重新测试
当您更新网站时,运行另一次测试。ScanU 将新截图与您的基准进行比较,并计算视觉差异。
5
审查差异
使用并排比较查看器检查检测到的任何变化。在叠加模式和仅差异模式之间切换,获取不同视角。
6
接受或拒绝
接受有意更改以更新基准。拒绝意外回归以标记待修复问题。完全掌控您的视觉测试工作流程。
适用场景
ScanU 帮助各种规模的团队捕获视觉缺陷。
自由开发者
在客户看到之前捕获 CSS 缺陷。无需额外开销即可用专业的质量保证给客户留下深刻印象。
小型团队
无需专职 QA 资源即可将视觉测试添加到工作流程中。每个人都可以审查和批准更改。
数字机构
在一个地方管理多个客户项目。用视觉回归报告证明您的工作质量。