网页改版响应式视觉回归审核与证据交付

先定义一次可复核的改版验收

本流程面向前端开发与测试人员，结果是测试矩阵、改版前后截图、问题解释及人工决定，不是自动执行的回归测试套件。服务器截图工具仅用于获授权的公开测试页面；登录或敏感状态需另用获准采集方式，不要把凭证放进 URL。

上线前保留基线版本或原始截图，记录 URL、构建版本、数据、语言、字体、视口宽高、截取模式、颜色偏好与等待设置。前后使用相同工具及环境。没有基线时，单张候选截图不能证明“没有回归”。

把跨宽度变化与跨版本退化分开

可从 375、768、1024、1440 像素宽度和统一高度开始，这只是测试示例，不是通用断点标准。断点工具一次渲染同一 URL 的二至六个宽度，截取固定视口；本流程选择相邻断点模式。热力图是不同宽度缩放后的像素比较，不是两个发布版本或语义组件自动匹配。

逐张查看文字截断、非预期横向溢出、遮挡和内容缺失。列数变化及换行可能是正确设计，不应看到差异就报错。固定视口不覆盖整个文档，屏幕外区域需另查。下载 ZIP 和报告，但不把变化比例直接变成上线结论。

先确认截图可比，再生成差异

用网页截图工具分别采集各版本，再用图片元数据检查实际尺寸。需要任意指定宽高时不要混用移动模式：当前该选项使用固定 375 × 667 视口。优先采用无损 PNG，保持不透明背景和通道一致，实际文件尺寸才是配对依据。

图片差异工具会把不同尺寸输入以填充方式拉伸到共同画布，这可能制造误导性变化，应重采集而不是靠拉伸宣称等价。它不识别组件语义；通道不匹配也应暂停，在外部统一格式或重新采集。

原图必须保留。需要局部放大时，对两张图使用已记录坐标和尺寸并标识区域；元素位移后同坐标不一定还是同一内容，应回看整图。裁切不是安全脱敏，也不能用于隐藏缺陷。

先诊断原因，再分级

优先排查时间戳、远程图片、动画、字体加载与测试数据是否变化。增加等待可能有帮助，但不保证页面稳定。网页截图的隐藏元素选项使用 display none，会改变布局，使用时要记录，不能排除与验收有关的内容。

颜色变化时，色板提取仅提供采样概览，不证明某段文字的实际背景。另行确认渲染颜色配对后检查对比度，注意抗锯齿、渐变和透明叠加会影响取样。颜色对通过不等于整页无障碍通过。将设计内变化、已确认缺陷、采集噪声及待核事项分别记录。

复测并交付有边界的决定

每个问题记录宽度、位置、原图、可选裁切坐标、预期与实际、分级理由、负责人及复测结果。长翻译、屏幕外区域和交互状态通过获授权浏览器测试另行覆盖；这些截图不证明键盘、菜单、表单或触摸行为正常。

本地保存前后截图、断点报告、差异图、矩阵和接受、修复、延期或阻断决定，不只交临时处理链接。分享包准备完成后计算 SHA-256，哈希只标识文件，不认证正确性。样式观察转到样式清单专题，无障碍整体审核转到对应专题，字体准备转到网页字体专题。本页止于一次有范围的视觉交付决定。