HTML5离线存储
2017-06-17 本文已影响166人
07120665a058
应用程序缓存的优势
- 离线也可以浏览
- 资源加载速度更快
- 减少服务器负载
在html中加入
<html manifest="cache.appcache">
在cache.appcache文件中写
CACHE MANIFEST
//离线的资源列表
img/1.jpg
//只有在线才能访问
NETWORK:
//如果第一个资源访问失败，就替换第二个资源
FALLBACK:
/ /404.html
开始，我以为是把在线的资源离线缓存到本地，没联网也可以访问，所以在index.html中引用了在线图片，在浏览器打开，没网不能显示，报错[Application Cache Error event: Manifest fetch failed (404)，后来加了服务器，才发现是缓存的资源，在服务器关闭时也可以访问
参考文章推荐：
HTML5离线存储原理
