使用HTML5创建脱机应用程序

2019-07-19 10:33 来源:http://www.zjhaipu.com

对于当今的大多数计算设备和应用程序,连接是一项杀手级能。包括Windows 8在内的作系统具有内置的共享能,因此您无需进入专用应用程序或网站即可在Facebook和Twitter上发布内容,并且大多数应用程序都通过一层社交互动得到增强。

从简单的排行榜到实时合作或竞争游戏,这种情况差别很大。对于许多应用程序而言,社交维度提供了让人们回归的粘,并且还增加了病毒式营销优势,因为用户招募他们的朋友与他们一起使用该应用程序。

您不能依赖于通用但是,连通。当设备可以连接时,用户希望他们的应用程序使用该设施,但他们不希望设备在没有网络覆盖时感到破碎。这意味着应用程序需要以这样的方式编写,以便他们可以在需要时优雅地回退到没有网络连接的工作。

来自英特尔的Christoph Jechlitschek撰写了一篇探讨HTML5能的文章创建脱机Web应用程序。他向您展示了如何使用清单文件来详细说明您希望浏览器下载和缓存的资源,这些资源可能是图像,也可能是HTML,Javascript或CSS代。清单文件(最简单的)是您要缓存的资源列表,并通过向开始标记添加属链接到HTML文件。

一个特别有价值的提示是Firefox浏览器使您可以查看在脱机缓存中存储了多少数据,因此您可以测试您的应用程序元素是否正在成缓存。 Firefox不会在没有第一次询问访问者的情况下缓存来自Web应用程序的数据,因此在您自己的测试中提示时您需要确认它没关系。

这将是一个很好的练习。但是,如果您打算在网络上托管您的应用,请测试该应用仍然有效,以防用户拒绝。用户可能拒绝允许缓存,如果他们不完全了解其好处,那么您可以通过确保解释您正在做什么以及为什么来避免这种情况。如果用户确实拒绝,您应确保应用程序在任何情况下都能正常降级,包括明确的错误消息和必要的指导。

Jechlitschek提供了覆盖缓存的好建议。如果您需要更新以前缓存的页面,仅仅更新页面就足够了。如果您告诉浏览器缓存HTML页面,则缓存版本将在以后再次请求时显示,即使它已在服务器上更新。

你强制新下载是修改清单文件。如果清单文件发生更改,浏览器将再次下载其中指定的资源。更改可以只是注释,因此开发人员通常会在清单文件中添加一个注释,指示版本号。然后,只要网页不能,他们就可以更新该版本号,并强制重新下载,覆盖缓存。

离线存储对许多应用程序都很有价值。如果您正在使用电子邮件应用程序,您仍然希望能够读取和写入电子邮件,即使您无法与服务器同步。

同样,如果您使用的是社交网络应用程序,您可能希望能够阅读内容,即使连接不是为了更新您自己的状态。 HTML5中的缓存能对于优化托管应用程序以实现中断连接和速度非常重要,并且在您构建计划作为应用程序发布的HTML5应用程序时也很有用。

有关更多信息,请参阅Jechlitschek的文章有关使用HTML5缓存能的建议。有关在英特尔开发人员专区中使用HTML5进行开发的更多提示。

?此博客文章由Softtalkblog撰写,由英特尔开发人员专区赞助,可帮助您开发,营销和销售由英特尔架构支持的知名平台和新兴技术的软件和应用程序。

上一篇:一个奔跑的剪影。 Sugar Beach,Sipalay,菲律宾。作者:Martin
下一篇:寻找历史上最好的视频游戏 - 佳能饲料,第一季

相关文章