什么是应用缓存
浏览器在打开的时候，需要向服务端请求数据和资源，
如果网络断开了，数据就不会被显示出来
我们可以通过缓存，将资源保存的本地，即使在网络断开的时候也能正常访问网站的某些资源
优势
可以配置需要缓存的资源
网络无连接时仍然可用
本地读取缓存资源，访问速度快
减少用户请求，减缓服务器压力
使用
使用HTML5，通过创建cache manfest文件，来创建应用离线版
这个文件需要资源定位符
操作
如何启用应用缓存
在文档的html标签中添加 manifest属性
这个属性值时程序缓存清单的路径，建议文件的扩展名是appcache，这个文件的本质是一个文本文件
<!doctype html>
<html manifest="缓存文件名.appcache">
</html>
在 缓存文件名.appcache 文件中
CACHE MANIFEST
#注释
#上面的代码必须是当前文档的第一句
#需要缓存的文件清单列表
CACHE:
#下面就是需要缓存的文件列表，配置的是url资源定位符
/index.html
/img/01.png
/css/css.css
#配置每一次都需要从服务器获取的清单列表,无法缓存
NETWORK:
#配置资源定位符
/javascript/js.js
#配置如果文件无法获取，则通过指定文件替代
FALLBACK:
/img/02.jpj /img/01/png
特殊应用
使用符合 * 表示所有文件
缓存所有文件
CACHE:
*
配置如果无法获取就统一被一个资源代替
FALLBACK
# / 代表所有文件
/ /替代文件
如果缓存文件不生效
需要配置正确的 类型 MIME-type 即 "text/cache-manifest"，这个必须在服务器配置
网友评论