X

免费开源下载

姓名:

手机号码:

短信验证码 :

获取验证码

需求 :

利用HTML5的离线浏览功能创建应用的移动Web版本

浏览次数:2032次 | 发表时间:2012-07-18

很多开发者目前对HTML5移动Web应用都持观望态度,希望确定其前景一片光明以后再开始尝试使用它。在他们眼中,虽然HTML5拥有改变整个移动应用生态系统的潜力,但目前本地应用才是经过试验的可信渠道。HTML5移动Web应用要想被开发者广泛认可,还需要有一些决定性的成功应用出现。

更重要的是,要想制作出成功的HTML5移动Web应用,最需要的是利用其技术特性进行创新。
基于以上原因,开发者容易无所适从,那么启凡合肥网站建设公司先和大家一起来看看Lanyrd是如何利用HTML5的特性进行创新的。
Lanyrd是一个提供会议或活动相关内容的网站,一上线即赢得了大量的关注。目前,Lanyrd正利用HTML5的离线浏览功能创建应用的移动Web版本,让你在网络拥挤的时候也可以查看聚会信息。

利用HTML5的应用缓存技术实现离线浏览
对于Lanyrd来说,HTML5的离线浏览能力是其成功关键。你是否经历过这样的场景,在一个会议中,你完全连不上Wi-Fi信号,参会人员都挤在信号站那里获取手机信号?在这种情形下,使用正式会议应用程序是不可能的。

Lanyrd的离线缓存功能可以在任何支持它的平台和移动浏览器中使用。这意味着现在大多数的设备,比如BlackBerry、Windows Mobile以及依赖Opera Mini作为Web浏览器的机器(比如老版的Symbian机器)都可以使用。
负责Lanyrd项目的首席工程师Jake Archibald,在一封写给ReadWriteMobile的Email中谈论了创建这个新的HTML5应用的几个要点。

引用
我们使用HTML5的应用缓存来实现站点离线浏览。即使他们不能联网,用户也可以查看他们参加的会议的所有信息。作为一个经常参加会议的人,离线浏览是非常重要的。每当我在国外使用网络的时候,我几乎都能遇到网络状况一团糟的情况。
离线浏览特性并非是为数据驱动的网站设计的,因此我们成了最先提供离线浏览支持的(数据驱动的)站点之一。我们很乐意来谈谈我们在开发这个应用时使用的一些技术。

利用XHR技术实现快速更新页面
关于如何提高页面浏览速度,Archibald在邮件中写道:

引用
我们所有的图像都是双倍分辨率,因此在高分辨率设备上,一切都十分清晰,要是没有高分辨率设备的话,移动Web应用看起来效果就很差。我们还在服务器和设备间共享了Mustache模板,并且使用了XHR +(HTML5过去的一个API)来更新页面。这让用户感觉很快,因为浏览器不必在每一页都重新解析JavaScript。
尽管我们使用了一些新的很炫的浏览器特性,但我们采用了渐进增强的设计路径,尽可能广泛测试,让其可支持更多设备。尽管大多数的移动产品都是针对某些特殊产品或者WebKit,但我们的产品还能支持一些特殊的产品,比如古董级的Blackberry 9000(现在还是有人使用它的)、Kindle,还有一些只有基本性能的手机,只要它们能运行Opera Mini就行。这个站点在没有JavaScript的情况下表现得和我们预期一样,事实上,我们避免了在设备上解析Javascript的开销,因为即使有JavaScript也没多大帮助。

Lanyrd为使用HTML5的某些特性来创建有优异功能的移动Web应用作出了榜样。在离线缓存方面,它是第二个将离线缓存应用得非常好的应用,第一个是 Kindle Cloud Reader。

关键字:
相关文章
猜你喜欢
换一换
在线咨询 在线咨询
电话咨询

4006-360-985

电话咨询

二维码

免费互联网咨询