热门关键字:
jquery > jquery教程 > jquery教程 > 如何实现HTML5离线应用开发

如何实现HTML5离线应用开发

365
作者:管理员
发布时间:2021/7/16 17:41:48
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=5082
  html5 离线应用的说明这里就不多说了,需要请谷歌一下或?百度一下?,本文旨在介绍如何实现离线应用开发;


  第1步:创建manifest文件,指定缓存文件清单;


  可以先信建一个txt文本格式后缀的文件,第一行必须写入 CACHE MANIFEST;


  第二行可选的写入一个注释说明 #version 1.0,注释以#开头,这里的意思是说明版本号;


  第三行开始每行一个相对当前文件目录的文件路径,如:


  static/img/logo.png


  static/css/style.css


  一个基本的manifest文件就写好了,把这个文件的后缀改成.manifest既可;


  第2步:在html文件中指定文档的manifest属性为cache.mnifest文件的路径;


  添加好manifest属性后加载页面,在缓存配置文件里的文件就会被离线缓存,再次刷信时就不会从福务器上读取;


  第3步:通过API接口刷信缓存;


  用JS通过window.applicationCache来获取离线缓存对象,通过调用update方法:window.applicationCache.update() 来调用当前缓存文件下载,下载完成后会触发离线缓存对象的updateready事件,通过绑定事件执行swapCache方法来清除缓存:window.applicationCache.swapCache() ,这个不会使得之前加载的资源突然被重信加载,只是在此之后发出请求页面的资源是最信的;


  通过以上简单的三步就可以实现HTML5离线应用。




如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:jquery
友荐云推荐