HTML5为提高手机网页的体验提供了诸多的可能性，交互效果越来越接近原生App，故而成为Web App，有望将APP功能引向浏览器，让移动平台的竞争由系统平台转向了浏览器之间。

Web App比起原生App和wap有着自身的优缺点，先简单了解下其特点，掌握设计趋势，也便于以后在设计中应用。

离线存储

离线存储的意思是第一次访问是下载网页，以后在无网络的情况下也可以使用。一个离线应用程序就是一个URL列表–HTML，CSS，JavaScript，图片，或者其他类型的资源。访问时探测到服务器列表的缓存名单时，会触发下载事件，根据名单下载指定的文件存储到本地。

在下载的同时，浏览器将会周期性的触发进度事件，此事件包含了诸如多少文件已被下载，多少文件仍然处于下载队列等信息。当缓存名单中所有列出的资源被成功下载后，浏览器触发下载完成事件。

当再次访问时，浏览器会再次检查网站的缓存名单，通过对比名单和本地的资源，得知是否需要加载新资源。新版本加载完成之后不会立即被使用。后台可以下载新网页，也不会强制用户打断当前操作流程，重新刷新页面。

如果此过程中的任何一点出现可怕的错误，你的浏览器将会触发一个错误事件，并立即终止。类似于安装应用程序，中途不可以出错。

Web App可以利用存储的特性将重要和重复的数据保存在本地，避免页面的重复刷新，减少重要信息在传输过程中被泄露，增量传输修改内容。

而离线存储但也不是Web App特有的问题，浏览和阅读类App也有离线的使用需求，用来应对随时可能出现的网络问题。如离线模式是利用网络闲暇时间下载内容，当用户打开App时立即开始阅读。或者是网络不佳情况下保存用户的操作记录和加载相对重要的文字内容，之后再依次上传已更新的数据，如微博的发送队列机制。

出处：晓生语录
责任编辑：bluehearts

上一页 下一页 浅析手机Web App的交互设计 [2]