本页可直接阅读、选中文本复制或打印。文中的复制按钮、判断练习和成果保存,请使用互动版。

中文教程 · 独立阅读版

ChatGPT · Codex桌面端

继续用 ChatGPT,完成一次明确修改

在同一个网页上提出小范围改动,查看文件差异并复查。

内容整理:2026-09-16 · 资料核对:2026年9月15日

进入互动版,练习并保存成果
本篇目录
开始前准备 · 设备、账号与费用

完成上一课的本地网页,保留index.html和README.md。沿用同一Codex练习目录。

核对范围:本次 Codex 会话已完成三个标签的局部修改,可下载修改前后文件与实际差异。请在自己的目录复查;桌面按钮操作未实拍。

1. 先留一份修改前的对照

先复制 index.html 为 index-before-tags.html,保留修改前的版本。已有版本控制也可以用它备份。

2. 在同一任务里说明修改范围

在原 Codex 会话发送下方要求,先看修改位置,再让它动手。

任务提示词
请阅读当前index.html,仅修改项目板块:
读书清单增加“阅读”标签;活动计划增加“计划”标签;学习手记增加“记录”标签。
标签在手机宽度不溢出。保留其他文案、导航、配色与布局。
先说明改动位置;完成后列出实际修改文件和需要复查的地方,不安装依赖。

3. 查看差异并重新打开页面

本次文件差异只有三个标签及所需样式,下面可切换前后截图。

1. 修改前

打开备份网页,确认三个项目目前没有标签。

根据课程需求生成的林同学个人主页,包含简介、三个项目和联系说明。
点击看原图 ↗
本站 Codex 会话生成 · 浏览器实拍 · 2026-09-16

2. 修改后

刷新 index.html,核对“阅读、计划、记录”三个新增标签。

同一网页增加阅读、计划、记录三个标签,其余内容保持一致。
点击看原图 ↗
本站 Codex 会话生成 · 浏览器实拍 · 2026-09-16
没有差异视图,或刷新没变化

可以对照 index-before-tags.html 查看变化。刷新没变化时,核对浏览器打开路径是否就是工具修改的路径。

4. 记录变化与复查结果

写下改动文件、实际看到的变化和未测设备,下一课继续验收。

遇到问题,找到下一步

说修改了,刷新后却没有变化
  1. 先检查浏览器地址栏的文件路径,再核对 Codex 实际修改的文件路径。
  2. 确保打开的是 index.html,而不是自己的备份副本。
  3. 路径一致时重新打开文件;仍无变化则请工具确认是否保存了修改,并报告对应代码位置。
回到相关步骤
标签加了,但其他内容也被改动
  1. 对照备份,记录被意外更改的文案或板块。
  2. 在原任务中明确要求恢复这些内容,仅保留三处标签及必要样式。
  3. 再次检查导航、简介和联系说明。恢复之前先保留当前文件,避免丢失可参考的改动。
本次只允许为三个项目添加指定标签。现在我发现其他地方也被改了:[填写具体位置与原文]。请对照我提供的修改前版本,恢复这些无关变化,仅保留标签和必要样式。
回到相关步骤

练习与核对

按实际操作自查,完成标记与成果草稿请在互动版保存。

打开练习与核对

带走这一点

一次修改越具体,越容易判断它是否完成。

资料与核对记录

关键步骤有官方依据

2026-09-16 本站 Codex 会话已完成三个标签的局部修改,保留前后文件、实际差异与浏览器截图。

这是本站会话生成和验收的作品,未补桌面客户端点击与文件差异界面实拍。

查看来源与日期

步骤对不上?在互动版生成问题记录