超级会员免费看
使用 HTML5 实现贪吃蛇游戏及离线应用缓存
1. 离线应用缓存概述
离线应用缓存是一种将资源存储在浏览器中的机制，当用户未连接到互联网时，这些资源仍可被使用。它打破了原生应用和 Web 应用之间的障碍，因为它消除了 Web 应用区别于原生应用的主要特征——需要连接到万维网。虽然用户最初仍需联网以下载应用，但之后应用可以完全从用户的缓存中运行。
离线应用缓存的主要使用场景是用户的网络连接不稳定、不一致，或者在每次使用应用时并非总是联网。这在游戏中尤为常见，例如用户可能有时选择在线玩某款游戏，而之后离线玩。同样，如果游戏需要连接到后端服务器来执行某些任务（如获取新的游戏数据），可以在用户联网时完成，资源会再次本地缓存，当用户网络不可用时，仍可使用新数据。
2. 如何使用离线应用缓存
离线应用缓存 API 的核心是清单文件（manifest file），它向浏览器指定哪些资源应被缓存以供离线使用，哪些资源绝不应被缓存，以及当尝试连接服务器但未找到连接时浏览器应采取的操作。
2.1 清单文件的关联
清单文件与用户请求的 HTML 文件一起提供。具体来说，主 HTML 文件指定清单文件的路径，浏览器会在下载和处理主应用的同时并行获取和处理清单文件。这通过根 HTML 标签中的 manifest 属性实现：
<!doctype html>
<html manifest="manifest.appcache">
上述代码片段指定了一个名为 m
订阅专栏 解锁全文
扫一扫
16万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
