本文深入探讨了HTML5中的应用程序缓存（ApplicationCache）功能，包括如何通过manifest文件创建web离线应用版本，实现资源的本地下载与快速加载，减少服务器负载，并在无网络环境下提供资源访问能力。
html5引入的应用程序缓存（Application Cache），通过创建manifest文件就可以创建web离线应用版本，把资源下载到本地，可以实现快速加载，在没有网络资源情况下也可以浏览资源，还可以减少服务器的负载，
应用manifest文件：
<html manifest = "demo.manifest">
Manifest文件的基本格式 CACHE MANIFEST为文件的声明
CACHE 需要缓存的文件
实例：
CACHE MANIFEST
CACHE
// 缓存theme.css和main.js这两个文件
/theme.css
/main.js
NETWORK – 不被缓存的文件
|
|
CACHE MANIFEST
NETWORK: // 不缓存login.php，*表示全部 login.php |
FALLBACK – 制定无法访问文件时的文件
|
|
CACHE MANIFEST
FALLBACK: #当无法访问index.js时，访问main.js /index.js /main.js |
完整的 Manifest 文件
|
|
CACHE MANIFEST
# 2016-04-21 v1.0 /theme.css /main.js NETWORK: login.php FALLBACK: /index.js /main.js |
更新缓存
1.修改manifest文件
2.通过js清除缓存，window.applicationCache.update();
3.清除浏览器缓存
扫一扫
1381
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
