web storage是网页游戏本地存档最常用轻量方案，适合单机或轻度联机游戏；localstorage用于长期保存关卡进度、成就等结构化小数据，需统一根键、json序列化、容错处理；关键节点及时保存并节流；版本升级需迁移旧数据；sessionstorage则缓存临时局内状态。
Web Storage 是网页游戏实现本地存档最常用、最轻量的方案，尤其适合单机或轻度联机类游戏。它不依赖后端，读写快，兼容性好，能直接保存关卡进度、成就状态、最高分等结构化小数据。
用 localStorage 存关卡与成就数据
localStorage 适合长期保存用户进度，比如当前关卡、已解锁关卡列表、成就完成标记等。关键是要把数据组织成清晰的 JSON 对象，再用 JSON.stringify() 转为字符串存入，读取时用 JSON.parse() 还原：
- 定义统一根键（如 "gameSave"），避免与其他脚本冲突
- 结构示例包含
currentLevel、unlockedLevels数组、achievements对象等字段 - 首次读取可能返回 null，建议用
JSON.parse(localStorage.getItem("gameSave") || "{}")容错
在关键操作点及时保存
不能只靠页面关闭前保存——意外刷新或崩溃会导致进度丢失。应在逻辑节点主动写入：
- 通关后立即更新
currentLevel和unlockedLevels - 达成成就瞬间将对应字段设为
true - 刷新个人纪录（如最快通关时间）时同步更新
bestTimes - 可加简单节流（如 2 秒内最多存一次），避免高频操作拖慢体验
处理版本升级与数据迁移
游戏迭代常会调整存档结构，必须兼容旧数据：
- 初始存档就加入
"version": "1.0"字段 - 加载时比对版本号，若发现旧版，执行对应迁移逻辑（如补全缺失字段、重命名键名）
- 迁移后自动更新 version 值，防止重复执行
搭配 sessionStorage 做临时状态缓存
sessionStorage 适合保存当前局内临时状态，比如：
- 正在游玩的关卡中角色血量、道具位置、未提交的谜题答案
- 编辑器模式下的草稿关卡设计
- 这些数据随标签页关闭自动清除，无需手动清理，也更安全
