离线说明：网络断开时，体验也要可控
离线页是PWA承接能力的重要组成部分。当用户在地铁、外景拍摄地或网络不稳定环境中访问糖心官网时，服务脚本可以展示一个友好的离线提示，而不是让浏览器出现生硬错误。页面围绕糖心vlog官网保留赛事导航、规则提醒和返回路径，帮助创作者在网络恢复后继续参赛。
离线页不替代真实内容，也不应承诺可以离线上传作品。它的价值在于降低挫败感，提醒用户检查网络，并告知哪些内容可能已被缓存。对于短视频竞赛平台而言，截止时间、赛题说明和合规政策属于高频信息，未来部署时可以考虑缓存这些静态页面，让用户在弱网环境下仍能阅读规则。
检查网络
确认移动数据或无线网络是否可用，网络恢复后刷新页面。
保留草稿
如果你正在准备参赛作品，请先在本地保存视频和简介，避免重复编辑。
回到首页
网络恢复后，从首页重新进入每日赛题、上传入口或排行榜。
返回首页PWA策略：缓存核心导航，避免缓存敏感内容
真实部署时，服务脚本应缓存首页、样式、脚本、离线页和部分核心导航页面，但不应缓存用户隐私、账号令牌、未审核作品或敏感提交信息。上传、登录、支付、兑换等操作必须在线完成，并由后端确认状态。这样的策略既能提升移动端体验，也能避免安全风险。
| 内容类型 | 是否建议缓存 | 原因 |
|---|---|---|
| 首页与栏目说明 | 建议 | 提升弱网可读性 |
| 样式与脚本 | 建议 | 保证基础界面可用 |
| 上传中的视频 | 不建议 | 文件大且涉及隐私 |
| 账号与兑换信息 | 不建议 | 需要安全在线校验 |
常见问题
离线时能提交作品吗？
不能。作品提交需要网络、账号校验、文件上传和审核队列支持。
离线页为什么也要有SEO结构？
完整结构能保持模板一致性，也方便开发者理解页面用途和部署方式。