离线缓存

离线缓存

• 检测

if(navigator.onLine){
  alert('网络连接');
}else{
  alert('网络未连接');
}

• 动态

window.addEventlistener('online',onlineCallback);
window.addEventlistener('offline',onlineCallback);

• 书写缓存清单
  清单文件后缀 .appcache

CACHE MANIFEST 
#version 1.0 
CACHE:
index.html 
css/mian.css    
NETWORK:
#星号表示除上述文件之外的所有文件都应该下载。
*

• 将html和缓存清单绑定

• 注意：一旦写有缓存清单，缓存的内容一旦更新，需更新缓存清单（更改缓存清单的版本号）
• 通过applicationCache的updateready事件判断是否有版本更新

applicationCache.onupdateready = function (){
  var result = window.confirm("网站有更新，是否更新网页？");
  if(result){
    location.reload();
  }
}