用 Codex 调试网页：Browser、Computer Use 与验证闭环

桌面端内置 Browser 使用独立浏览器环境，适合打开本地或公开页面并与 Codex 共享视图。Computer Use 让 Agent 点击、输入、滚动和截图；Chrome 扩展则适合必须利用你已登录 Chrome 状态的任务。三者的 Cookie、账号和权限范围不同。

CLI 和 IDE 本身没有桌面 Browser 面板。需要可视化调试时，应在支持的桌面任务中进行，或使用项目已有的自动化测试工具。不要为了省一次登录，把整个个人浏览器会话默认交给 Agent。

1. 记录入口网址、设备尺寸、账号状态和测试数据。
2. 从干净刷新开始，逐步执行最短操作序列。
3. 保存错误文案、截图、控制台报错与失败请求。
4. 再次重复，确认不是缓存、网络或一次性数据造成。

“页面不对”不是可调试问题。把它改写成“在 390 像素宽度、未登录状态下，点击价格卡后导航到错误地址”，Agent 才能把可见现象映射到路由、事件处理和样式代码。

布局问题先看元素盒模型、计算样式和响应式断点；交互失效先看事件是否触发、是否被遮挡和控制台错误；数据问题先看请求参数、状态码、响应结构与页面渲染分支。开启开发者模式后，Codex 可以配合检查页面结构与调试信息。

修改应尽量小，并解释为什么能解决已观察到的原因。先运行最相关的单元、集成或浏览器自动化测试，再用原始操作序列手动复验。最后检查相邻尺寸、错误状态、键盘操作和控制台，避免修好一个场景却制造新问题。

复现：网址 / 尺寸 / 状态 / 步骤
证据：截图 / DOM / console / network
原因：页面证据如何映射到代码
修改：文件、范围、为什么最小
验证：测试命令 + 原步骤复验 + 相邻场景
未验证：真实支付、第三方登录、生产数据

网页、评论、工单和文档中的文字可能包含提示注入，诱导 Agent 读取文件、泄露信息或跳转到恶意页面。把网页内容当作不可信数据；只有你的任务说明和受信规则可以改变权限。

• 默认不输入密码、验证码、支付信息和真实客户数据。
• 发送、购买、发布、删除、授权与生产修改前必须人工确认。
• 使用测试账号和最小数据集；验证后退出会话并清理临时权限。
• 最终报告同时给出页面证据、代码 diff、测试结果与未验证项。