为了让web应用程序在离线的时候也能正常工作,就必须要把所有构成web应用程序的资源文件(html,css,javascript)放在本地缓存中,当服务器没有与internet链接的时候,也可以利用本地缓存中的资源文件来正常运行
本地缓存和浏览器网页缓存的区别:
本地缓存是为了整个web应用程序服务的,而浏览器网页缓存只服务于单个网页,
任何网页都有网页缓存,本地缓存只缓存你指定的缓存的网页,
网页缓存不可靠,本地缓存可靠
mainfest文件 :一个页面具有mainfest文件,浏览器会自动对这个页面进行本地缓存
1.在index.html里加上<html manifest="index.manifest">
2.manifest清单格式如下 注释以#开头
#需要缓存的文件
CACHE:
a.js
b.css
#不需要缓存的文件
NETWORK:
*
#无法访问页面
FALLBACK:
http://xxx.com
Notffline.asp
接下来指定资源,文件路径可以是相对路径,也可以是绝对路径。指定时每个资源文件为一行。
在指定资源文件时,可以吧资源文件分为三类:CACHE NTEWORK FALLBACK
CACHE:是指定文件缓存
NTEWORK是指定不进行本地缓存
FALLBACK:每行指定2个资源,1是能够在线访问2是备用资源文件