MORE
了解详细内容
当前位置:首页 > 新闻观点 > 常见问题 >

如何实现HTML5离线应用开发

文章来源:畅想网络 | 本文作者:小编 | 发布时间:2016-01-25 12:19:07 | Tag标签:
01

25 2016

以前炒作web2,现在开始炒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() ,这个不会使得之前加载的资源突然被重新加载,只是在此之后发出请求页面的资源是最新的。
相关内容
网站导航:首 页 | 关于我们 | 服务项目 | 新闻观点 | 客户案例 | 解决方案 | 联系我们