Skip to main content

ScanU 如何工作

视觉回归测试变得简单。几分钟设置,在上线前捕获缺陷。

三个简单步骤

无需复杂设置,无需学习曲线。只要结果。

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 资源即可将视觉测试添加到工作流程中。每个人都可以审查和批准更改。

数字机构

在一个地方管理多个客户项目。用视觉回归报告证明您的工作质量。

准备好开始了吗?

不到 2 分钟即可设置您的第一个项目。无需信用卡。