您现在的位置:首页 --> JavaScript --> 离线存储
离线存储
浏览:1843次 出处信息
开发WebApp时,遇到一个问题:
如果把页面配置到服务器上,当服务器挂掉或者用户离线的时候,那这个App也就没法工作了。
而当我把页面打包进App里面,又有一个新问题,更新不方便。每次更新的时候都要重新提交。
部门就此组织了一次《application cache》的相关讨论。使用离线存储,来解决上述问题:
view-source:http://uicss.cn/test/coolcode.html
这是一个打包进App的应用地址,阅读源代码可以看到,html标记上给了一个manifest配置文件。里面列出了需要高速缓存的、用于离线访问的文件。在支持mime类型为.manifest的服务器上,它能够列出浏览器应该下载和保存以便以后使用的所有文件。
除了本例中的全部离线存储的用法之外。它还可以通过配置 NETWORK 来列出那些绝不能高速缓存的文件。以及通过配置 FALLBACK 使用户离线的时候,可以跳转到离线提示的页面。
CACHE MANIFEST
NETWORK:
*
FALLBACK:
/ offline_message.html
CACHE:
http://uicss.cn/test/js/jsformat.js
http://uicss.cn/test/js/htmlformat.js
NETWORK:
*
FALLBACK:
/ offline_message.html
CACHE:
http://uicss.cn/test/js/jsformat.js
http://uicss.cn/test/js/htmlformat.js
注:文中的*号意指,除了cache的文件之外,其他文件都不做缓存处理。
QQ技术交流群:445447336,欢迎加入!
扫一扫订阅我的微信号:IT技术博客大学习
扫一扫订阅我的微信号:IT技术博客大学习
<< 前一篇:反webkit之战
后一篇:理解Javascript的闭包 >>
文章信息
- 作者:崔凯 来源: 崔凯,前端开发
- 标签: 离线存储
- 发布时间:2012-03-12 23:31:39
近3天十大热文
- [52] 图书馆的世界纪录
- [52] IOS安全–浅谈关于IOS加固的几种方法
- [51] 如何拿下简短的域名
- [50] android 开发入门
- [49] Oracle MTS模式下 进程地址与会话信
- [49] Go Reflect 性能
- [47] 【社会化设计】自我(self)部分――欢迎区
- [45] 读书笔记-壹百度:百度十年千倍的29条法则
- [37] 程序员技术练级攻略
- [28] 视觉调整-设计师 vs. 逻辑