本文作者是Scott Hyman,其曾任职于Creat Studios、Vivendi Games Mobile和JAMDAT,在业内已有18年经验,现任职于MocoSpace,领导该公司内部的游戏工
顺晟科技
2021-06-16 11:00:57
131
开发者必须考虑用户体验。为了保证用户体验质量,HTML5移动应用要轻薄,性能不落后。此外,管理员应该在不同的平台上测试应用程序,使用不同的设备类型、屏幕大小、浏览器和操作系统。大多数应用程序需要支持离线操作来应对连接中断。
HTML5应用程序与本机应用程序
与HTML5应用程序不同,本机应用程序是基于应用程序运行平台的本机语言。原生应用的挑战是——的每个平台都需要自己的应用,而有些平台需要不同版本的应用来支持平台上的不同设备。
HTML5是平台无关的。只要用户通过支持各种语言功能的浏览器访问应用程序,应用程序就可以在任何平台上运行。此外,管理员只有一个用于维护的代码库和一个用于部署HTML5的语言包。他们可以在必要时提供错误修复和更新,甚至不需要像本地应用程序一样分发它们,因此他们可以与用户一起进行实时测试。
HTML5虽然进步很大,但无法实现多点触控手势等所有原生功能,也无法与内置设备组件如GPS无缝集成。本机应用程序性能更好,因为它们是机器代码的一部分。如果HTML5应用程序设计不仔细,加载时间会很长。
此外,HTML5应用程序面临着与任何Web应用程序相同的风险。开发人员必须防范网络攻击、不当的应用编程接口使用以及通过无线网络、蓝牙或短信访问设备的恶意代码。
HTML5中提供了localStorage对象,可以将数据长时间保存在客户端,直到手动清除。
LocalStorage提供几种方法:
1.存储:localStorage.setItem(键,值)
如果键存在,则更新值
2.Get: localStorage.getItem(键)
如果键不存在,则返回null
3.删除:localStorage.removeItem(键)
一旦删除,所有与键对应的数据都将被删除
4.全部清除:localStorage.clear()
有时候用removeItem逐个删除太麻烦,可以用clear,执行的结果会是清除所有localStorage对象保存的数据
5.遍历本地存储中存储的密钥。数据总量,例如:localStorage.length。key(index)获取密钥,例如:var key=local storage . key(index);
添加更合理的标签
多媒体对象不会全部绑定在对象或嵌入标签中,但是视频有视频标签和音频标签。
5.支持音频播放/录制功能
播放/录制音频时,可能需要使用Flash、quicktime或java,这是html 5的功能之一。
6 .画布对象
Canvas可以定义图形,比如图表等图像,可以增加直接在浏览器上绘制矢量图形的能力,也就是说不用flash和silverlight就可以直接在浏览器上显示图形或动画。