基于HTML5Web离线应用研究与实现.pdfVIP

第２９卷第１２期　　　 计算机应用与软件 Ｖｏｌ２９Ｎｏ．１２ ２０１２年１２月　　 ＣｏｍｐｕｔｅｒＡｐｐｌｉｃａｔｉｏｎｓａｎｄＳｏｆｔｗａｒｅ Ｄｅｃ．２０１２ 基于ＨＴＭＬ５的Ｗｅｂ离线应用研究与实现 罗大晖　陈　娟 （常州信息职业技术学院　江苏常州２１３１６４） 摘　要　　Ｗｅｂ引用日益广泛，但Ｗｅｂ应用容易遇到网络状态问题，因此需要使用Ｗｅｂ离线应用开发技术。分析现有的几种常见 的Ｗｅｂ离线开发技术的不足，提出利用最新的ＨＴＭＬ５技术进行免插件、跨平台的Ｗｅｂ离线应用开发，这是一种简洁、高效、用户体 验一致的解决方案。 关键词　　ＨＴＭＬ５　Ｗｅｂ　离线应用 中图分类号　ＴＰ３１１　　　　文献标识码　Ａ ＤＯＩ：１０．３９６９／ｊ．ｉｓｓｎ．１０００３８６ｘ．２０１２．１２．０７４ ＲＥＳＥＡＲＣＨＡＮＤＩＭＰＬＥＭＥＮＴＡＴＩＯＮＯＦＨＴＭＬ５ＢＡＳＥＤＷＥＢＯＦＦＬＩＮＥＡＰＰＬＩＣＡＴＩＯＮ ＬｕｏＤａｈｕｉ　ＣｈｅｎＪｕａｎ （ＣｈａｎｇｚｈｏｕＣｏｌｌｅｇｅｏｆＩｎｆｏｒｍａｔｉｏｎＴｅｃｈｎｏｌｏｇ，Ｃｈａｎｇｚｈｏｕ２１３１６１，Ｊｉａｎｇｓｕ，Ｃｈｉｎａ） Ａｂｓｔｒａｃｔ　　Ｗｅｂａｐｐｌｉｃａｔｉｏｎｓａｒｅｂｅｃｏｍｉｎｇｍｏｒｅａｎｄｍｏｒｅｐｏｐｕｌａｒ．Ｂｕｔｔｈｅｙｏｆｔｅｎｍｅｅｔｔｈｅｐｒｏｂｌｅｍｓｉｎｒｅｇａｒｄｔｏｎｅｔｗｏｒｋｓｔａｔｕｓ．ＳｏＷｅｂ ｏｆｆｌｉｎｅｄｅｖｅｌｏｐｍｅｎｔｔｅｃｈｎｏｌｏｇｉｅｓａｒｅｎｅｅｄｅｄ．ＩｎｔｈｉｓａｒｔｉｃｌｅｗｅａｎａｌｙｓｅｔｈｅｓｈｏｒｔｃｏｍｉｎｇｓｏｆｅｘｉｓｔｉｎｇｃｏｍｍｏｎＷｅｂｏｆｆｌｉｎｅｄｅｖｅｌｏｐｍｅｎｔｔｅｃｈｎｏｌｏ ｇｉｅｓａｎｄｂｒｉｎｇｕｐａｎｅｗｓｏｌｕｔｉｏｎｔｈａｔｕｓｅｓｂｒａｎｄｎｅｗＨＴＭＬ５ｔｅｃｈｎｏｌｏｇｙｔｏｄｅｖｅｌｏｐＷｅｂｏｆｆｌｉｎｅａｐｐｌｉｃａｔｉｏｎｓ，ｗｈｉｃｈｉｓｐｌｕｇｉｎｆｒｅｅａｎｄｓｕｐ ｐｏｒｔｓｃｒｏｓｓｐｌａｔｆｏｒｍｓ．Ｍｅａｎｗｈｉｌｅ，ｔｈｉｓｓｏｌｕｔｉｏｎｉｓｓｉｍｐｌｅ，ｅｆｆｉｃｉｅｎｔａｎｄｈａｓｃｏｎｓｉｓｔｅｎｔｕｓｅｒｅｘｐｅｒｉｅｎｃｅ． Ｋｅｙｗｏｒｄｓ　　ＨＴＭＬ５　Ｗｅｂ　Ｏｆｆｌｉｎｅａｐｐｌｉｃａｔｉｏｎ 脱机浏览，但这种方式只能让用户看到部分信息，远远无法满足 ０　引　言 动态信息交互的需求；发展到ＰＨＰ、ＡＳＰ动态信息交互阶段，借 助Ｃｏｏｋｉｅ技术可以缓存动态数据，但Ｃｏｏｋｉｅ存储有４ＫＢ空间的 基于浏览器／服务器模式的应用程序开发和使用日益广泛， 限制，且不够安全，难以成为实用的离线应用开发技术。 Ｗｅｂ应用的广泛使用解决了传统客户端／服务器模式应用程序 Ａｄｏｂｅ公司的Ｆｌａｓｈ／Ｆｌｅｘ技术是进行Ｗｅｂ开发的主流技术 部署和更新的麻烦，但 Ｂ／Ｓ模式应用也容易会遇到网速过慢、 之一，它能有效提高Ｗｅｂ应用体验，广泛用于富客户端Ｗｅｂ应 连接不可靠甚至突发断网的情况，造成 Ｂ／Ｓ程序无法正常运 用的开发。Ｆｌａｓｈ／Ｆｌｅｘ采用 ＦｌａｓｈＬｏｃａｌＳｈａｒｅｄＯｂｊｅｃｔ存储形式 行，因此离线Ｗｅｂ应用技术应运而生。要实现应用的离线处理 可以存储达到１００ＫＢ至无限容量的本地数据，是一种很好的开 能力，应该实现以下几大功能： 发离线Ｗｅｂ应用的方案。但Ｆｌａｓｈ／Ｆｌｅｘ应用依赖于Ｆｌａｓｈ浏览 （１）能在需要的时候通过网络访问信息中心的数据，而且能以 器插件，虽然现在大多数计算机都装有 Ｆｌａｓｈ插件，但是 Ｆｌａｓｈ 某种形式保存在本地，以便用户能在离线的情况下访问这