你可能会说:
- “改版之后,怎么证明页面看起来和原来一样?”
- “AI 说"外观没变",有什么办法验证?”
它是什么
做法是:在同样的窗口尺寸、同样的主题和语言下,把旧版和新版的页面各截一遍,逐像素相减,算出不同像素占的比例。0% 就是完全一样。
最大的陷阱在测量本身:动画没播完、字体没加载、页面还在平滑滚动,都会制造假的差异。先让测量可信,再相信它给出的数字。
比对不出差异,只说明比过的页面一样。要说清楚比了哪些页面、哪些状态,没比的地方不能下结论。
打个比方
像"找不同"游戏交给了机器:两张图叠在一起,哪里不一样就标红,一处都不会看漏。前提是两张图得在同样的条件下拍。
在这个网站里
这个网站迁到 Astro 时,新旧两版逐屏截图、逐像素比对,前两轮的差异都来自截图方法本身。修好测量之后,中文界面下首页和列表页差异 0.000%,剩下的细微差异里还找出了旧站的两个渲染 bug(第 16 课)。
容易搞混的地方
常见误解
差异是 0%,就说明整个网站都没变
正确理解
只说明比过的那几页、那几种状态没变。这次 25 篇文章只抽查了 3 篇,英文界面也有一处有意保留的差异。
你可以这样告诉 AI
复制下面这段,贴给你的 AI
用截图比对验证这次改动:列出要比的页面、窗口尺寸、主题和语言;截图前关掉动画和平滑滚动、等字体加载完;给我每组的差异比例,以及没有比到的页面清单。
接下来去哪
先知道
- 回归——原本正常的东西,因为一次改动又坏了。它不是新功能的 bug,而是"倒退"。
接着看
- 验收标准——事先约定的、能逐条检查的完成条件:满足了就算做完,不满足就没做完。
在这些课里出现
相关的真实事故