在上周举行的苹果全球开发者大会(WWDC)上,苹果首席执行官史蒂夫·乔布斯(Steve Jobs)向开发人员表示,该公司支持其各种iDevice的两个开发平台:App Store和使用HTML5,CSS和JavaScript编写的Web应用程序。
尽管针对以这些设备为目标的Web应用程序可以实现的目标当然存在实际的限制,但雄心勃勃的开发人员(例如script.aculo.us的 Thomas Fuchs )正在推动这些限制,以寻求可能的解决方案。
Fuchs在一个很有启发性的博客文章中 ,解释了为开发出色的Everytime Zone应用程序而必须做出的各种技术选择,以便在Apple iPad上获得可接受的性能,该应用程序针对iPad进行了优化:
- 避免使用图像和CSS渐变 ,但是可以在HTML5
<canvas>
标签上绘制渐变。 - 避免使用CSS shadows ,这再次意味着依赖
<canvas>
来获得发光和阴影。 - 将CSS用于动画,并使其保持简单,因为当事情变得复杂时,硬件加速会消失。
- 使用JavaScript触摸事件(例如
ontouchmove
) ,而不是可用的onclick
。 - 避免CSS opacity ,它在您最不希望的时候往往会禁用硬件加速。
- 滚动您自己的JavaScript代码,因为jQuery之类的当前框架仅针对桌面浏览器进行了优化。
- 即使仅需要2D,也要使用3D CSS动画,因为Mobile Safari仅提供3D翻译的硬件加速。
从字里行间看,似乎很清楚,使用Web技术为Apple设备开发仍然是一个反复试验的过程。 随着来自Apple和其他公司的移动设备的迅速发展,规则将在未来几年内频繁更改。
如果您想在这个领域玩游戏,您确实需要了解您的代码,这将使您能够自信地尝试使用两种或三种不同的方法来解决同一问题。 例如,如果您习惯使用jQuery,现在可能是学习JavaScript Live这样的课程的好时机,以获取一些从头开始编写JavaScript的经验。
From: https://www.sitepoint.com/develop-for-ipad-with-html5-trial-and-error/