基于HTML5的移动Web应用浅析.doc

基于HTML5的移动Web应用浅析 系统与方案 Systems Solutions 基于HTML5的移动Web应用浅析 张成岩 吴 静 仇剑书 严斌峰 中国联通研究院 北京 100032 摘 要 随着移动互联网的快速发展和智能终端的普及,基于HTML5的移动Web应用已经成为移动互联网应用新的 发展趋势。文章从HTML5和移动Web应用结合的角度出发,从HTML5应用技术、应用开发平台、终端侧运行环境等多 个方面进行论述,并对基于HTML5的移动Web应用发展进行展望。 关键词 移动互联网;HTML5;智能终端;应用 对上述关键技术进行简单的介绍与分析。 引言 1 Offline Application ,即离线应用 。在开发支持 目前互联网的发展正处在历史性的转折点 ,移动平 离线的Web应用程序时,要使用以下三个方面的功能。 台和应用正在逐渐超越固定的客户端/服务器模式 。随 ①离线资源缓存 。需要一种方式来指明应用程序离 着3G甚至4G/LTE技术的商用化和智能移动终端的大规 线工作时所需的资源文件 。这样 ,浏览器才能在在线状 模应用 ,移动互联网正处于迅猛发展当中 。而移动应用 态时 ,把这些文件缓存到本地 。此后 ,当用户离线访问 作为移动互联网的主角 ,对最终用户 、网络运营商 、应 应用程序时 ,这些资源文件会自动加载 ,从而让用户正 用开发商 、平台提供商 、投资商都有巨大影响 ,是推动 常使用 。HTML5中 ,通过Cache Manifest文件指明需 未来移动互联网发展的主要力量。 要缓存的资源,并支持自动和手动两种缓存更新方式。 为支持丰富多样的互联网应用 ,国际标准组织 ②在线状态检测 。开发者需要知道浏览器是否在 W3C于2007年成立新的HTML工作团队 ,2008年发布 线 ,这样才能够针对在线或离线的状态 ,做出对应的处 了HTML5的第一份草案 。基于HTML5系列标准的应用 理 。在HTML5中 ,提供了两种检测当前网络是否在线 凭借其良好的跨平台性 ,能很好地解决目前Native操作 的方式。 系统割裂的问题 ,将为移动互联网产业链带来全新的商 ③本地数据存储 。离线时需要把数据存储到本地 , 业模式 ,为产业链各方带来全新的平等竞争机会 ,引导 以便在线时同步到服务器上 。为了满足不同的存储需 移动互联网产业链的新模式发展 。将HTML5的技术优 求 ,HTML5提供了DOM Storage和Web SQL Database 势广泛地运用于移动互联网中 ,基于HTML5的跨平台 两种存储机制 。在应用中可以考虑将用户的一些数据存 特性 ,面向越来越丰富的智能终端提供移动Web应用 , 储在本地,供离线模式下应用。 是加速HTML5应用成熟 、引导互联网应用产业良性发 2 Sever-sent Events ,即服务器推送技术 。客户 展的捷径。 端使用EventSource对象实现 。服务端也有相应的要 求 ,表现在如下两方面 :一是要求网页的MIME类型为 1 HTML5应用技术 text/event-stream ,这个MIME类型定义了事件框架格 式 ,二是text/event-stream有一定的格式 。主要内容是 HTML5应用技术指面向HTML5应用开发的主要 根据需要在应用中向用户推送通知等信息。 关键技术 ,包括Offline Application技术 、Sever-sent [1] 3 Websocket ,也叫套接字技术 。当存在和服务 Events技术 、Websocket技术 、Web Workers技术 、 器频繁数据交流的时候 ,就有了如何进行通信的问题 。 HTML5视频和音频技术以及Device API技术 。下文将 57系统与方案 Systems Solutions 正常情况下 ,浏览器访问Web页面时 ,一般会向页面 供的是原始的传感器数据。 [4] 所在的Web服务器发送一个HTTP请求 ;Web服务器识 ④HTML5 Geolocation API 用于将用户当前地理 别请求 ,然后返回响应 。大多数情况下 ,当内容呈现在 位置信息共享给信任的站点 ,但这会涉及用户的隐私安 浏览器页面上时 ,可能已经没有时效性 。如果用户想要 全问题 ,所以当一个站点需要获取用户的当前地理位 获得最新的实时信息 ,就需要不断地手动刷新页面 ,这 置 ,浏览器会提示用户是 “允许 ”还是 “拒绝 ” 。获取 显然不是一个明智的做法 。目前实时Web应用的实现 地理位置在应用中将会得到非常广泛的使用。 方式 ,大部分是围绕轮询和其他服务器端推送技术展开 综上所述 ,HTML5是