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

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

分享名称：利用HTML5的离线浏览功能创建应用的移动Web版本
本文地址：https://www.cdcxhl.com/news21/259821.html

成都网站建设公司_创新互联，为您提供网站收录、手机网站建设、网站策划、网站设计、面包屑导航、网站制作

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联