模块 1 · 认识 Codex,并安全开始

让 Codex 使用浏览器
和桌面应用

让 Codex 打开真实页面,按照指定步骤点击和检查。你会学会写清起点、操作顺序,以及哪些步骤必须由自己完成。

预计阅读 27 分钟视频建议 24—30 分钟登录后免费核验于 2026.08.18

大家好,我是云途。

前四节主要在查看文件和运行命令。很多网页问题只看代码还发现不了,比如按钮点不动、弹窗被挡住、手机页面左右溢出,或者点击后跳错页面。

所以我们还要让 Codex 打开真实页面,像用户一样点击一次。

这一节会教你怎样写清楚从哪里开始、依次点什么、看到什么算正常,以及遇到登录、付款和发布时为什么要停下来。

这节课要完成什么

  1. 判断什么时候需要浏览器或桌面操作;
  2. 写出包含起点、路径、停止条件和证据的操作说明;
  3. 区分观察、交互和外部提交;
  4. 完成一次不登录、不付款的本地页面检查;
  5. 知道截图可以证明什么,也知道它证明不了什么。

为什么只读代码还不够

代码检查

能看到组件、路由、样式和逻辑,适合找原因与确认实现。

自动测试

能反复验证预设条件,适合防止已知行为回归。

真实操作

能看到加载、点击、滚动、焦点、跳转和不同屏幕上的实际体验。

用户判断

能判断文案是否可信、流程是否符合业务,以及视觉是否达到品牌要求。

例如,源码里存在“开始学习”链接,只能证明开发者写了链接;浏览器点击后到达正确文章,才能证明路由行为;用户看见它并知道可以点击,还需要视觉和文案判断。

把点击步骤一条一条写出来

浏览器检查示例CHECKLIST
起点:打开 http://localhost:3140/learning
屏幕:先用桌面 1440×1000,再用手机 390×844
步骤:点击“Codex 系统教学” → 打开第 01 节 → 收起并重新展开模块一
检查:当前章节是否高亮,其他模块是否默认收起,右侧是否显示本文目录
遇到这些情况先停:登录、提交表单、访问生产网站
记录:最终 URL、截图、页面是否左右溢出、控制台是否报错

只说“帮我看看页面”,Codex 很可能只看首屏。把起点和点击顺序写清楚,别人才能重复同一遍检查。

观察、交互与提交是三种不同授权

观察

打开页面、读取文字、查看布局、检查控制台。通常不改变外部状态。

交互

点击导航、展开目录、切换标签、滚动、输入测试文字。可能改变本地界面状态。

提交

登录、发送表单、付款、发布、删除、解绑设备。会改变账号或外部系统,必须明确授权。

允许打开浏览器,不等于允许替你登录、提交或发布。每一层都应有自己的停止条件。

登录与验证码由谁完成

涉及账号时,优先让 Codex 导航到登录入口并停下,由你亲自确认域名、账号和验证码。登录后再让它继续检查明确页面。

  1. 密码、验证码和恢复码不进入提示词;
  2. 不要让 Codex把登录信息写入项目文件或截图;
  3. 使用测试账号时也要说明允许影响的数据范围;
  4. 进入付款、删除、发布和解绑步骤前再次停下;
  5. 任务结束后确认没有意外保留敏感输出。

本节练习:检查本地课程目录

可复制提示词

请检查本地 v4 学习文章页面。先确认服务地址和当前页面,不修改文件。使用桌面 1440×1000 打开 /learning/codex/what-is-codex:收起和展开课程总目录与模块一;确认只有当前章节有选中面板,右侧显示本文目录。再使用 390×844 检查同一流程,确认页面没有横向溢出,触控目标可用。不要登录,不访问生产网站,不提交任何表单。最后提供两种视口的最终 URL、截图、交互结果、控制台错误和仍未覆盖的状态。

如果本地服务没有启动,Codex 应先说明如何使用项目内脚本启动,不要擅自安装全局工具或改用线上网站。

检查完成后,要记录哪些内容

环境

本地、测试还是生产;浏览器与视口;是否登录。

路径

从哪个 URL 开始,依次执行了哪些动作,最终 URL 是什么。

观察

文字、选中态、展开态、滚动、焦点、加载和错误分别怎样。

截图

截到关键状态,并说明截图对应哪一步;避免只给一张无法定位的整页图。

限制

没有检查哪些浏览器、权限、账号、慢网或异常数据。

一张截图只能说明当时页面长什么样。它不能说明按钮一定能点、键盘一定能操作,也不能说明后台数据正确。还要一起记录点击过程、最终地址和错误信息。

桌面应用操作也要写清窗口和对象

当任务涉及 Finder、Excel、Figma、邮件或其他桌面软件时,要明确操作哪个应用、哪个窗口、哪个文件,以及哪些动作只观察不保存。

桌面操作说明示例TASK
应用:Microsoft Excel
文件:销售预测-练习副本.xlsx
起点:工作表“8月预测”
允许:读取单元格、检查公式、在副本增加批注
禁止:修改原文件、发送邮件、上传云盘
停止:遇到登录、权限、保存覆盖提示时停下
证据:列出检查范围和增加批注的单元格

常见的五种假验证

  1. 只看到页面能打开,就宣布整条流程通过;
  2. 只截首屏,没有执行用户要求的点击路径;
  3. 在桌面尺寸通过,就默认手机也通过;
  4. 控制台报错被忽略,因为页面表面仍能显示;
  5. 在已经登录的个人环境测试,却没有说明账号状态与数据影响。

真实操作的价值来自可复现。任何人拿到你的起点、步骤和环境,都应该能走到同一个状态,或者明确知道差异来自哪里。

视频录制与复习提纲

  1. 用同一按钮解释代码存在、路由可达和用户可理解的区别;
  2. 把模糊检查改写成五段式路径;
  3. 演示桌面与手机两个视口;
  4. 演示到登录界面后主动停止;
  5. 组合最终 URL、截图、控制台和交互记录;
  6. 展示一张截图为什么不能证明整条流程。
完成检查

别人能按同样步骤走一遍,这次检查才算说清楚

  • 我写明了起点 URL 和视口;
  • 我列出了逐步操作路径;
  • 我区分了观察、交互和外部提交;
  • 我为登录、付款、发布等动作设置了停止条件;
  • 我同时记录最终 URL、截图和错误信息;
  • 我说明了本轮没有覆盖的环境和状态。

官方依据与延伸阅读

ChatGPT 与 Codex 浏览器能力ChatGPT 与 Codex 电脑操作能力