一项工作只要长期重复、材料在电脑里、结果又能检查，就值得尝试交给Codex先跑一个小样。
只让Codex看一张截图，它可以指出视觉问题，却不知道问题是否来自内容、CSS、脚本状态或特定视口。
所以这篇文章只解决一件事：把截图观察、浏览器证据和代码定位连成可复查的页面检查流程。接下来不讲空泛功能，直接看要准备什么、每一步留下什么，以及最后怎样判断合格。
适合谁
适合网站或后台页面已经能打开，但存在遮挡、溢出、错位和移动端异常，需要系统排查的人。
如果没有真实材料、说不清结果要用在哪里，或准备把输出不经检查直接提交，先不要扩大任务。补齐最小输入，再从一份样本开始。
Codex可以读取项目、修改文件和执行命令，因此先使用副本或版本控制，明确禁止触碰的目录与生产环境。高风险操作、唯一原件和最终判断必须留给人工。
开始前准备
- 问题页面和可复现地址
- 桌面与手机视口
- 对应源码、样式和浏览器控制台
- 建立一个测试副本或新目录，不直接操作唯一原件。
- 写下一句验收标准：问题可以稳定复现，修复对应到具体元素和代码，目标视口及相邻视口均无新增遮挡或溢出
不要只准备输入，还要准备验收依据。没有对照样本、来源、测试或负责人判断，生成再多内容也无法证明已经完成。
完整步骤
第一步之前：先做一个最小样本
第一轮只验证流程，不追求覆盖全部范围。保留原始输入和第一次结果，后面每次调整才能知道究竟改善了什么。
第一步：固定复现条件
记录URL、视口、滚动位置、登录状态和操作步骤，避免每次看到不同页面状态。
继续下一步之前，抽查“页面复现记录”中的边界项和异常项；发现前提不成立就先修正。
第二步：截图并检查关键区域
分别检查导航、长标题、图片、按钮、表格和底部，标出遮挡与溢出位置。
把“带问题定位的截图”作为本轮留存证据。后续合并或扩大范围时，都应能用它复盘。
第三步：回到DOM和样式定位
确认元素尺寸、定位方式、断点和动态内容，不靠截图直接猜一段CSS。
先停在这里检查一次。此时应已经形成“问题元素与代码位置”，并且能回到原始材料说明它从哪里来。
第四步：修改后跨视口回归
至少重测问题视口、相邻断点和一个手机宽度，并检查控制台与横向滚动。
这一阶段的完成标志不是工具有回复，而是“修复前后对照与回归结果”已经可供人工检查。
第五步：人工验收并沉淀流程
正式交付前，由真正负责这项工作的人做最后判断。流程如果会重复，再保存输入模板、执行顺序、异常处理和合格样例。
实际示例
1121像素下导航的“文章”位置错开，先记录该宽度的菜单状态，再检查导航容器和单个链接规则；修复后同时测1180、1121、1024和390。
可以先这样描述任务：
我正在处理“把截图观察、浏览器证据和代码定位连成可复查的页面检查流程”。已有材料包括问题页面和可复现地址、桌面与手机视口、对应源码、样式和浏览器控制台。请先不要扩大任务范围，也不要补造缺失信息。先完成“固定复现条件”，输出可以人工检查的中间结果；我确认后，再继续“截图并检查关键区域”。最终请按照“问题可以稳定复现，修复对应到具体元素和代码，目标视口及相邻视口均无新增遮挡或溢出”列出验收结果和仍需人工确认的内容。
判断示例是否成立时，不看字数和语气，重点看另一位同事能否沿着文件、页码、表格或命令输出复查。
常见问题与报错
截图看起来正常，用户仍说会遮挡
核对是否使用了不同字体、缩放、登录状态或动态内容；用用户的实际视口和操作步骤重现，不能只看默认首屏。
任务跑了很久，却说不清改了什么
先要求列出计划和预计修改文件，每个阶段输出变更摘要、diff、命令和未解决项；没有检查点的长任务应暂停后重新拆分。
一次修改太多文件，出现问题无法定位
回到版本控制或副本，按一个目标一组文件重新执行；每批修改后立即运行对应检查，不把多个不相关需求放进同一次任务。
排查时先看实际读取文件、修改diff、命令和输出。一次只调整一个范围或规则，避免把多个故障叠在同一次执行里。
完成后的检查方法
- 问题可以稳定复现，修复对应到具体元素和代码，目标视口及相邻视口均无新增遮挡或溢出
- 关键结论能回到原始材料、文件、命令输出或当前控制台。
- 没有把缺失信息、推测内容或示例数字写成已经确认的事实。
- 重要文件保留原件、版本或可恢复副本，敏感信息没有进入公开内容。
- 结果已经由真正负责这项工作的人审阅，而不是只看页面是否生成。
工具负责推进，人负责边界和最终判断。把两者分清，这项工作才会越做越省时间，而不是越积越乱。
资料来源
- OpenAI Codex文档
用于核对Codex的产品定位和当前官方使用说明。
- OpenAI AGENTS.md指南
用于核对项目级规则文件的作用范围；具体行为以当前Codex版本为准。
FAQ
可以一次把整个任务交给Codex完成吗？
不建议一次交付全部范围。先按本文步骤完成一个小样，用“问题可以稳定复现，修复对应到具体元素和代码，目标视口及相邻视口均无新增遮挡或溢出”验收，再决定是否扩大范围。
遇到“截图看起来正常，用户仍说会遮挡”应该先检查什么？
核对是否使用了不同字体、缩放、登录状态或动态内容；用用户的实际视口和操作步骤重现，不能只看默认首屏
完成后还需要人工检查吗？
需要。AI或执行工具负责推进流程，最终仍要由你根据原始材料、任务规则和“问题可以稳定复现，修复对应到具体元素和代码，目标视口及相邻视口均无新增遮挡或溢出”完成验收。