k8凯发一触即发|Home

很多开发者目□□□前对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。