美文网首页
离线缓存

离线缓存

作者: _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();
  }
}

相关文章

  • H5 离线缓存

    离线缓存 什么是离线缓存,为什么要用它?这是我们需要思考的问题。 顾名思义,离线缓存,就是离线了你的东西内容也缓存...

  • iOS获取App缓存文件的大小并清除缓存

    App在处理网络资源时,一般都会做离线缓存处理,其中最典型离线缓存框架为SDWebImage。 但是,离线缓存会占...

  • 离线缓存manifest用于前端优化

    离线缓存 离线缓存又叫“ApplicationCache”,是从浏览器缓存中分出来一块缓存区,用来存储一定的资源。...

  • 3.7 离线应用

    3.7 离线应用 问题一:什么是离线应用? 离线应用是指通过离线缓存技术,让资源在第一次被加载后缓存在本地,下次访...

  • SqlLite数据库

    一、数据库 在项目开发中,通常都需要对数据进行离线缓存的处理,如新闻数据的离线缓存等。离线缓存一般都是把数据保存到...

  • iOS学习笔记16-数据库SQLite

    一、数据库 在项目开发中,通常都需要对数据进行离线缓存的处理,如新闻数据的离线缓存等。离线缓存一般都是把数据保存到...

  • HTML5离线缓存相关文章

    HTML离线缓存-manifest简介有趣的HTML5: 离线存储

  • 网络接口缓存方案

    为什么要加入离线缓存 使用何种方式存储数据 离线缓存的思路: 需要注意的点: @end 具体使用

  • iOS开发本地缓存(数据离线缓存、读取、释放)

    iOS开发本地缓存(数据离线缓存、读取、释放)_异客_新浪博客

  • 通过vite-plugin-pwa配置了解pwa

    前提:多页面vite项目给native提供h5页面,设置离线缓存优化体验 实现service worker离线缓存...

网友评论

      本文标题:离线缓存

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