简要咨询咨询QQ网站导航网站搜索手机站点联系我们设为首页加入收藏 

HTML5教程:如何实现HTML5离线应用开发

来源:易贤网   阅读:1169 次  日期:2016-07-13 17:07:40

温馨提示:易贤网小编为您整理了“HTML5教程:如何实现HTML5离线应用开发”,方便广大网友查阅!

html5 离线应用的说明这里就不多说了,需要请谷歌一下或百度一下 ,本文旨在介绍如何实现离线应用开发;

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

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

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

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

static/img/logo.png

static/css/style.css

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

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

<html manifest=”cacheData.manifest”>

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

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

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

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

更多信息请查看网页制作
点此处就本文及相关问题在本站进行非正式的简要咨询(便捷快速)】     【点此处查询各地各类考试咨询QQ号码及交流群
上一篇:HTML标签语义和HTML标签语义化的设计
下一篇:HTML语义:面向对象的前端架构
易贤网手机网站地址:HTML5教程:如何实现HTML5离线应用开发
由于各方面情况的不断调整与变化,易贤网提供的所有考试信息和咨询回复仅供参考,敬请考生以权威部门公布的正式信息和咨询为准!