05. 开发、部署与快速上站 · 个案 · 教学步骤 5

用真实浏览器验收

模型生成代码可能遗漏需求、写错事实或产生无效标签。

原知识点：模型会漏需求、错数、拼写和生成无效标签，输出不能直接上线。

执行步骤

  1. 在与生产一致的预览版本打开全新浏览器会话，记录提交哈希、浏览器和测试设备。
  2. 按页面规格用正常、边界和错误输入走完整任务，核对结果、恢复动作和事实文案。
  3. 分别以桌面、窄屏和至少一个真实移动设备或可靠设备实验复测关键路径。
  4. 只用键盘完成全部交互，检查Tab顺序、可见焦点、标签、错误提示和无键盘陷阱。
  5. 检查控制台、网络请求、安全敏感信息与事件记录；修复后重跑受影响路径和核心回归。

可复制工作表

提交哈希/预览URL：__/__
浏览器/系统/设备：__
用例：正常__；边界__；错误__
步骤：1.__ 2.__ 3.__
预期：__
实际：__
桌面/窄屏/真机结果：__
键盘顺序/焦点/标签/错误：__
控制台/网络：__
事件是否正确：__
缺陷复现：__
修复提交：__
回归结果：PASS/FAIL__

完整示例

【完整示例】在预览提交abc123上，用Chrome桌面、390px窄屏和一台手机测试：合法M4A成功导出；超大文件显示限制并可重新选择；断网时显示重试。Tab可从上传到导出且焦点可见。发现处理失败仍误触发task_success，记录复现并在def456修复，随后三类环境全部回归。

完成清单

  • 正常、边界和错误输入均按真实用户步骤测试。
  • 桌面、窄屏与移动环境均覆盖关键路径。
  • 所有功能可用键盘完成，焦点可见且没有陷阱。
  • 控制台、失败请求、敏感数据泄露和事件误报均有检查。
  • 每个缺陷有复现、修复提交和回归结果。

当前官方依据

平台规则会变化，行动前以打开后的当前官方页面为准。

适用条件

必须做语法、功能、事实、安全、移动端与可访问性测试。

来源：根据搜索意图让GPT-4生成网页