您现在的位置:首页 --> JavaScript --> 离线存储
离线存储
浏览:1877次 出处信息
开发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天十大热文
-
[61] memory prefetch浅析
-
[54] 转载:cassandra读写性能原理分析
-
[51] 深入浅出cassandra 4 数据一致性问
-
[44] MySQL半同步存在的问题
-
[40] 《web前端最佳实践》—高维护性css
-
[40] 获取Dom元素的X/Y坐标
-
[38] 字符引用和空白字符
-
[37] javascript插入样式
-
[37] 基本排序算法的PHP实现
-
[34] MySQL vs NoSQL 效率与成本之争