离线缓存

离线缓存

  • 检测
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和缓存清单绑定
<html manifest = 'xxxxx.appcache'>
  • 注意：一旦写有缓存清单，缓存的内容一旦更新，需更新缓存清单（更改缓存清单的版本号）
  • 通过applicationCache的updateready事件判断是否有版本更新
applicationCache.onupdateready = function (){
  var result = window.confirm("网站有更新，是否更新网页？");
  if(result){
    location.reload();
  }
}
最后编辑于 ：
©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容