WEB平台下的基于HTML5标准离线应用开发.pdfVIP

第25卷第5期 四川理工学院学报 (自然科学版) Vo1．25 No．5 坚 文章编号 ：1673—1549(2012)05-0041-04 DOI：10．3969／j．issn．1673-1549．2012．05．011 WEB平台下的基于 HTML5标准离线应用开发 蹇红梅 (四川理工学院计算机学院，四川 自贡 643000) 摘 要：HTML5是由W3C发布的新一代 HTML标准，不仅强化 了Web网页的表现性能，还拥有很 多API接 口，开发者利用这些接 口，可以便捷地创建更加丰富、引人入 目的应用程序。在分析研究HT— ML5标准基础上，利用其技术实现了一个离线便签管理程序系统，既直观展示了HTML5的内容描述标 签、直接支持表单验证 、视频音频标签、网页元素的拖拽 、工作线程等新特性 ，又介绍 了利用 DOMStorage 和WebSQLDatabase两种存储机制进行离线应用开发的方法。文章对基于HTML5的应用开发具有一 定的参考价值 。 关键词 ：WEB；HTML5；离线；应用开发 ；DOMStorage；WebSQLDatabase 中图分类号 ：TP393 文献标志码 ：A Web应用程序，即是基于B／S模式或网页浏览器的 应用程序时，这些资源文件会 自动加载，从而让用户正 应用程序，它从运行机制上解决了传统C／S模式的客户 常使用。为了能够让用户在离线状态下继续访问Web 端安装和升级的不便。随着 Web新技术的迅速发展， 应用，开发者需要提供一个 cachemanifest文件。这个文 B／S模式程序在交互体验上，也基本能达到传统桌面应 件列出了所有需要在离线状态下使用的资源，浏览器会 用的要求，因此，现在的Web程序已经不再只是信息的 把这些资源缓存到本地。 浏览 。传统的B／S应用高度依赖于网络的畅通，如果 (2)在线状态检测：开发者需要知道浏览器是否在 网速较慢，B／S系统的应用效果就会大打折扣，这对于 线，这样才能够针对在线或离线的状态，作出相应的处 Web技术应用，是一个巨大的障碍和挑战，随着 HTML5 理。在 HTML5中，通过 cachemanifest缓存资源文件以 的推出，使得这个障碍有了解决方案。 后，就可以支持离线访 问了。但是在开发支持离线的 HTMI_5标准具有 “离线 Web应用程序”与 “客户端 Web应用时，不能仅仅满足于静态页面的展现，还必需 数据存储”两个特性，利用这两个特性，用户可在客户端 考虑如何让用户在离线状态下也可以操作数据。离线 设备上使用云功能，使用部署在本地数据库上的应用程 状态时，把数据存储在本地；在线 以后，再把数据同步到 序来工作，当再次上线时与云的其他部分共享数据 ]。 服务器上。HTML5提供了两种检测是否在线的方式： navigator．online和 online／offiine事件 o 1 HTML5离线功能简介 ●navigator．onLine，该属性表示当前是否在线。如 在开发支持离线的 Web应用程序时，应注意以下 为 true，表示在线；如果为 false，表示离线。 三个方面的功能： ●online／offline事件：当开发离线应用时，通过nav． (1)离线资源缓存 ：需要一种方式来指明应用程序 igator．onLine获取网络状态通常是不够的。开发者还需 离线工作时所需的资源文件。这样 ，浏览器才能在在线