展开本页目录
开始前准备什么
- 先下载并解压本题工程，在独立练习目录保留starter、reference和原始输入。
- 本地参考主要需要Python 3与现代桌面浏览器；涉及Chrome扩展、LibreOffice、Git时按本文单独要求准备。
- 目标工具账号、模型额度与平台导入能力由读者另行确认；本文实际运行范围见执行记录，不自动调用付费服务。
- 在Cursor打开starter
- 让Agent补齐manifest和应用图标
- 实现Service Worker预缓存与离线页面加载
- 把勾选状态按ID独立存储
- 在真实浏览器等Service Worker激活后断网并刷新页面
- 部署到本地v2资源、触发更新
- 恢复备份到新浏览器上下文
starter、七步任务、原始输入、人工完成的可运行参考、真实运行结果与独立验收；不含账号、数据库或缓存。
原生账号任务、本地工程运行和官方示例分开说明。
1. 在Cursor打开starter
在Cursor打开starter，定义12项稳定ID和v2新增项，先运行在线页面。
12个item_id从I01到I12，勾选状态放在packing-state-v1键，与静态缓存分开。先在线完整加载，不能直接从未缓存的干净浏览器离线打开。
2. 让Agent补齐manifest和应用图标
让Agent补齐manifest和应用图标，记录实际访问环境。
manifest声明本地应用入口与图标；不同设备的安装UI不同，这里验收网页离线，不声称每个平台都能安装。
3. 实现Service Worker预缓存与离线页面加载
实现Service Worker预缓存与离线页面加载，不缓存未知跨域资源。
sw.js安装时预缓存HTML/JS/CSS/items，activate后clients.claim；测试必须确认navigator.serviceWorker.controller。
4. 把勾选状态按ID独立存储
把勾选状态按ID独立存储，提供导出与恢复备份。
勾选证件和水杯并下载packing-backup.json。恢复只接受布尔值映射，按稳定ID保留状态，不依赖列表位置。
5. 在真实浏览器等Service Worker激活后断网并刷新页面
在真实浏览器等Service Worker激活后断网并刷新页面。
先断网，再真正导航/刷新到受控页面；截图中的页面经过冷导航，不是只把已显示DOM切成Offline。
独立目录练习命令
python3 -m http.server 8073 --directory reference6. 部署到本地v2资源、触发更新
部署到本地v2资源、触发更新，再离线刷新，检查新增项与旧勾选。
运行upgrade.py把静态缓存改为v2并增加I13/I14。更新Worker后确认v2已接管、旧缓存已删，再断网冷导航，旧勾选保持。
7. 恢复备份到新浏览器上下文
恢复备份到新浏览器上下文，核对状态并记录各平台安装能力限制。
另建全新浏览器上下文：未缓存时离线打不开是正确负例；联网加载后导入备份应恢复勾选。实测记录含cacheKeys与context隔离。
怎样确认已经完成
- 首次在线完整加载后，断网刷新能打开实际页面并继续勾选。
- v2缓存生效后新增两项出现，v1已勾选项按稳定ID保留。
- 导出备份可在全新上下文恢复；未首次缓存的页面不会被误报为离线可用。
常见问题
AI写的小网页断网就打不开，怎么改成离线工具？
manifest声明本地应用入口与图标；不同设备的安装UI不同，这里验收网页离线，不声称每个平台都能安装。 先断网，再真正导航/刷新到受控页面；截图中的页面经过冷导航，不是只把已显示DOM切成Offline。
网页更新后，之前勾好的清单会丢吗？
勾选证件和水杯并下载packing-backup.json。恢复只接受布尔值映射，按稳定ID保留状态，不依赖列表位置。 另建全新浏览器上下文：未缓存时离线打不开是正确负例；联网加载后导入备份应恢复勾选。实测记录含cacheKeys与context隔离。
下载包哪些内容已实际运行，哪些需要自己在原生工具中验证？
已确认Service Worker受控后断网冷导航、v2接管并保留勾选，另在干净上下文恢复备份；Cursor会话未执行。 官方图片只证明所标入口或设置，不是本站原生任务执行截图。