HTML5离线存储

应用程序缓存的优势

• 离线也可以浏览
• 资源加载速度更快
• 减少服务器负载

在html中加入

在cache.appcache文件中写

CACHE MANIFEST
//离线的资源列表
img/1.jpg

//只有在线才能访问
NETWORK:

//如果第一个资源访问失败，就替换第二个资源
FALLBACK:
/ /404.html

开始，我以为是把在线的资源离线缓存到本地，没联网也可以访问，所以在index.html中引用了在线图片，在浏览器打开，没网不能显示，报错[Application Cache Error event: Manifest fetch failed (404)，后来加了服务器，才发现是缓存的资源，在服务器关闭时也可以访问

demo地址

参考文章推荐：
HTML5离线存储原理