这是一个系列文章，主要分享我最近使用 chatgpt 过程中的一些小技巧，每次分享 3 点，希望你能有所收获。
1 让 codex 打开真实页面
前端编译通过，不代表页面可用。按钮溢出、提示位置不对、请求失败后按钮一直禁用，都需要打开页面确认。我会启动本地服务，再让 codex 用 @Browser 检查目标路由。
比如可以说：“确认开发服务正常启动，打开这个页面，检查首次加载和明显布局问题。不要升级依赖，不提交、不推送。”
2 写清操作和预期结果
“帮我测试页面”太宽泛。我会写清起始状态、操作和预期结果，例如空表单点击创建后，必填项附近出现错误，页面不跳转。再检查切换类型和窄屏布局，以实际产品要求为准。
比如可以说：“依次检查空表单校验、切换类型和窄屏状态，记录实际操作与结果。未执行的项目标为未验证，不要根据源码直接判断通过。”
3 用批注定位问题，修复后重放
发现视觉问题时，可以在页面上选中元素留下批注，说明具体位置和预期效果。修复后重放同一流程，比较前后截图，比一句‘页面不太对’更容易定位问题。
比如可以说：“把错误提示移到名称输入框下方，保留其他布局。修复后重复刚才的操作，提供截图、diff 和未验证项。”
涉及创建数据时先明确写入范围；内置浏览器不能自动上传文件，需要人工选择测试文件。具体用法见官方文档。