HTML5之应用缓存-CSDN博客

本文链接：https://blog.csdn.net/u010644129/article/details/49969537

html书写:

<html manifest="demo.appcache"></html>

cache文件的扩展名是”.appcache”;
manifest文件必须设置正确的MIME-type为text/cache-manifest//服务器端设置

manifest文件是简单的文本文件，告知浏览器被缓存的内容
CACHE MANIFEST 此标题下列出的文件将在首次下载后进行缓存
NETWORK 此标题下列出的文件需与服务器连接，不会被缓存
FALLBACK 此标题下列出的文件是当页面无法访问时的回退页面

manifest文件的书写方式:

CACHE MANIFEST

CACHE:
/theme.css
/logo.gif
/main.js

NETWORK:
xxx.xx

FALLBACK
/x.css   /tesr.css
//原文件  //替代文件(当原文件不能用时使用替代文件)

客户端缓存的更新：
只有修改manifest文件才会更新应用的缓存//比如注释符#(manifest文件注释符为#)
js代码更新:

if(window.applicationCache.status == window.applicationCache.UPDATEREADY){
    window.applicationCache.update();
}

容量限制：某些浏览器限制是每个站点5M

navigator.onLine属性检测当前是否在线
online/offline在body上触发在线/离线事件，并顺序冒泡到window。