← 返回系统教程
系统教程前端工作流App / CLI / IDE进阶

用浏览器与图片输入完成前端视觉 QA

把参考图、实际页面和同视口截图放进同一条验证链,让 Codex 根据可见差异修改,而不是凭文字猜设计。

45 分钟阅读核验于 2026/07/21

准备可比较证据

提供原始参考图、目标 URL、准确视口和目标状态。登录态、弹窗和数据状态不一致时,截图比较没有意义。

按差异排序

先修布局、裁切和溢出,再修字号、间距、边框和颜色。每轮只解决一组高影响差异,避免多处同时漂移。

完成交互检查

截图不能证明按钮、导航、输入和错误状态可用。还要真实点击核心流程,并检查控制台、网络失败和移动端横向溢出。

参考来源

优先使用 OpenAI 官方文档与官方仓库。外部来源会单独标识。

  1. OpenAI Codex:Browser

    官方来源 · https://learn.chatgpt.com/docs/browser

  2. OpenAI Codex:Image inputs

    官方来源 · https://learn.chatgpt.com/docs/image-inputs

codex.study 是独立运营的中文 Codex 学习与资料平台,与 OpenAI 不存在隶属、授权或官方认证关系。