您现在的位置:首页 --> JavaScript --> 离线存储
离线存储
浏览:2332次 出处信息
开发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天十大热文
-
[791] WordPress插件开发 -- 在插件使用 -
[63] Java将Object对象转换为String -
[62] cookie窃取和session劫持 -
[60] 学习:一个并发的Cache -
[57] 你必须了解的Session的本质 -
[53] 最萌域名.cat背后的故事:加泰与西班牙政府 -
[52] 一句话crontab实现防ssh暴力破解 -
[51] 解读iPhone平台的一些优秀设计思路 -
[49] Linux如何统计进程的CPU利用率 -
[48] 豆瓣是啥?