IT技术博客大学习 共学习 共进步
全部 移动开发 后端 数据库 AI 算法 安全 DevOps 前端 设计 开发者

离线存储

崔凯,前端开发 2012-03-12 23:31:39 累计浏览 2,448 次
本机暂存

开发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

注:文中的*号意指,除了cache的文件之外,其他文件都不做缓存处理。

同分类推荐文章

  1. translateZ() (2026-06-25 21:18:56)
  2. translateY() (2026-06-25 21:17:56)
  3. translateX() (2026-06-25 21:16:01)

查看更多 前端 文章 →

建议继续学习

  1. HTML5 离线缓存-manifest简介 (累计阅读 17,103)
  2. HTML 5 的data-* 自定义属性 (累计阅读 14,349)
  3. jQuery的data()方法 (累计阅读 8,651)
  4. 前端必须熟悉的10个CSS3属性 (累计阅读 7,719)
  5. 面向移动设备的HTML5开发框架梳理 (累计阅读 7,418)
  6. 30个超棒的404错误页面 (累计阅读 7,301)
  7. HTML5+CSS3 loading 效果收集 (累计阅读 6,438)
  8. 给HTML初学者的30条最佳实践 (累计阅读 5,811)
  9. Phonegap + HTML5 开发经验小结 (累计阅读 5,344)
  10. HTML5本地存储初探(二) (累计阅读 5,216)