美文网首页
离线缓存

离线缓存

作者: _Enco_ | 来源:发表于2017-08-21 19:34 被阅读0次

    离线缓存

    • 检测
    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();
      }
    }
    

    相关文章

      网友评论

          本文标题:离线缓存

          本文链接:https://www.haomeiwen.com/subject/nfuhdxtx.html