Android与iOS：谁更适合HTML 5？

     <div id="news_body">     <p> <a href="/misc/goto?guid=4958329150803348639">Fiercedeveloper</a> 于 2 月 3 日刊载了一篇探讨 iOS 与 Android 平台性能的文章，作者 Aditya Bansod 在文中将 Android 4 和 iOS 5 做了一番比较。</p>     <p> 2011年 12 月上旬，Google 发布了 Android 移动操作系统的最新重大升级。新操作系统是 Android 4，代号为“冰淇淋三明治（Ice Cream Sandwich）”。对于 Web 开发人员而言，这是对 Android 的一次大考：如果要在 iOS 和 Android 上构建跨浏览器的应用，HTML 5 是可行的解决方案吗？</p>     <p> 我们在 Sencha 测试了最新版本的 iOS 5 和 Android 4，以了解每个平台提供给 Web 开发人员的特性以及它们各自的优势。</p>     <p> 为了成为一流的 Web 应用平台，浏览器要向 Web 开发人员提供一系列核心功能：渲染引擎，用于尽可能流畅地显示视觉元素；Javascript 引擎，用于执行应用程序逻辑；以及 DOM（文档对象模型）和浏览器 API，用于提供 HTML5 的特性以及支持发起网络请求、上传文件、操作页面等动作。为了从 Web 应用开发人员的角度比较 Android 4 和 iOS 5，我们分别讨论了这三部分内容。</p>     <p> <strong>WebKit</strong><strong>：Android 4</strong><strong>进步明显，但仍然落后</strong></p>     <p> 几乎所有移动设备的 Web 浏览器都使用了 WebKit 渲染引擎。WebKit 最先起源于苹果的开源项目 KDE/KHTML，现在 Google、Qualcomm、RIM 和其他很多厂商都加入了 WebKit 家族。它现在已经成为移动设备上渲染 Web 内容的事实标准。Android 4 和 iOS 5 浏览器都基于 WebKit，但是版本稍有不同。Android 4 实现了 WebKit 534.30，而苹果则实现了 534.46。</p>     <p> 虽然 iOS 的版本较新，但它们之间的差距很小，这是因为 WebKit 的渲染性能取决于它在硬件和软件上的具体实现。我们在测试中发现 Android 4 的渲染速度比 Android 2.x 和 Android 3 有明显提高。触摸滚动变得顺畅了很多，Android 上常见的停顿也基本上完全消失了。不幸的是，它在渲染上有明显的缺陷，比如在使用 JavaScript 和 CSS3 移动屏幕上的元素时会出现闪烁和滚屏缓慢。对于依赖动态地移动元素的 Web 应用来说，Android 4 的表现比 Android 2.2 要差。总体上说，Google 在增强浏览器体验方面取得了很大的进步。</p>     <p> 同时，Android 4 新支持了很多 CSS3 特性，而 iOS 5 很早之前就支持这些特性。具体说来，Android 4 现在完善地支持了 CSS3 2D 和 3D 变换、动画、过渡和反射。这对于 Android 来说是巨大的进步，因为开发人员在设计流畅而漂亮的 Web 应用时不会再只想到苹果。伴随着对这些特性的支持，我们希望 Google 和 Android 硬件供应商一起努力，对其产品仔细琢磨，实现无闪烁和高性能，以获得开发人员对高级渲染特性的真正支持。</p>     <p> <strong>JavaScript</strong><strong>：性能旗鼓相当</strong></p>     <p> 在 iOS 5 中，苹果引入了新的 JavaScript 引擎 Nitro，它在移动 Safari 浏览器中能极大地提高 JavaScript 的性能。一段时间内，iOS 5 的移动浏览器 JavaScript 引擎是业内最快的。Android 再次迎头赶上：Android 4 中的 JavaScript 引擎比起 Android 2.x（Gingerbread）有了很明显的提升。在某些硬件上，它比 iOS 5 更快。为了实现这一目标，Google 引入了之前 Chrome 浏览器的 JavaScript V8 引擎，最终使得 JavaScript 的执行速度提升了 2 倍多。现在 iOS 5 和 Android 4 在 JavaScript 方面基本完全一样，这意味着开发人员应该假设在这两种平台上开发基本没有差别。</p>     <p> <strong>iOS 5/Safari</strong><strong>在 API</strong><strong>上略胜一筹</strong></p>     <p> 浏览器之争的最后一部分则是浏览器 API，它包括网络访问、文件系统访问、Canvas 和其他富应用程序所需的功能。iOS 对 API 的支持一贯领先。iOS 5 支持某些特性，比如“overflow: scroll”；WebKit 私有的属性“-webkit-overflow-scrolling: touch”（允许独立的滚动区域和触摸回弹）；Web Sockets（用于即时通信）；Web Workers（用于后台处理）；大量的其他 HTML 5 输入类型（比如数字和日期）。Android 4 不支持这些常见的 HTML 5 特性，但是也有一个突出的亮点：对文件 API 的支持。文件 API 让开发人员能够操作设备上的本地文件，能够开发更富体验的应用，同时还能访问手机摄像头旋转等功能。尽管如此，iOS 5 还是提供了更丰富的浏览器 API，对 HTML 5 特性有更广泛的支持。</p>     <p> <strong>现在 iOS 5</strong><strong>全面领跑</strong></p>     <p> 移动浏览器的领袖还是 iOS 5。</p>     <p> 尽管 Android 在 JavaScript 的性能上已经和苹果并驾齐驱，但是总体说来，移动平台的 Safari 支持的 API 更多，图形性能更好。Android 4 的浏览器取得了很大的进步，获得了更好的视觉效果（但是有缺陷）和渲染速度，更快的 JavaScript 引擎。Android 4 比以前的任何版本都要好。正在寻求 Web 标准以提供跨平台解决方案的开发人员在使用 HTML 5 时会比以前更舒服，因为 Android 4 中的改进标志着 Google 的迅猛发力，这为他们的应用开启了巨大的潜在市场。</p>     <p> via<a href="/misc/goto?guid=4958329151616946942"> CocoaChina</a></p>    </div>