刘耀钦

(郧阳师范高等专科学校 计算机科学系，湖北 十堰 442000)



基于HTML5的Web离线应用研究与探讨

刘耀钦

(郧阳师范高等专科学校 计算机科学系，湖北 十堰 442000)

摘要：HTML5是一种构建Web内容的语言描述方式，它赋予了网页更好的意义和结构.随着基于HTML的Web应用程序的大规模应用，开发人员经常会遇到以离线为背景的Web数据存储的问题.HTML5提供了Web Storage和Web DataBase两种离线存储机制，分别用于存储key/value和复杂交互式的数据，与Cookie技术相比有较大的存储容量和较高的存取效率，有效解决了离线数据的存储与服务器同步的问题.

关键词：HTML5；离线存储；资源缓存；manifest；WebSQL

Web离线存储是一种基于互联网媒体的数据存储，它有别于传统浏览器端的HTTP Cookies[1]存储机制，不同浏览器对Web数据存储的支持力度也各不相同.HTML5的Web离线应用机制有效解决了离线时Web应用程序的完整访问和数据同步到服务器的问题，将用户浏览过的页面和输入的数据存储于客户端，当Web应用程序离线时便从客户端获取这些数据并进行相应组合呈现给用户.

HTML5是构建Web内容的一种语言描述方式[2]，它提供了Web Storage和Web DataBase两种本地存储方案，其中Web Storage用于存储key/value对形式的数据，是一种大规模、安全易用的存储机制，分为sessionStorage和localStorage两类[3]；Web DataBase以关系数据库为基础，可以实现较为复杂的交互式Web数据存储.一个完整的Web离线应用程序需要有离线资源缓存、在线状态检测和本地数据存储3部分的支持.

图1　缓存文件结构Fig.1　Cache file structure

1离线资源缓存

为了使业务逻辑能够离线运行[4]，需要事先……