站点就绪的 HTML5:第二个 IE10 平台预览版现已可供开发人员使用

 

ieblog

IE10 Platform Preview 2(与近日公开的 Windows 8 演示版中所见到的 HTML5 引擎相同)现已可供下载。借助此更新,IE10 可继续为站点就绪的 HTML5 技术提供支持,并改善性能:

本视频展示了第二个 IE10 平台预览版的一些 HTML5 技术

借助第二个平台预览版,开发人员可开始利用几种站点就绪的 HTML5 技术,来构建美观的、交互式的、性能强大的、安全性高的 Web 应用程序。您可在此阅读 IE10 开发人员指南中的完整列表:

  • 美观的、交互式的 Web 应用程序可更轻松地为 CSS3 定位浮动元素、HTML5 拖放、File Reader API 和Media Query Listeners 等许多新技术提供支持,并为 HTML5 表单提供初始支持。
  • HTML5 应用程序的性能得到了全面提高,此外,通过 Channel Messaging、异步脚本支持及其他 Web worker 新技术,高效利用电池寿命,从而提供更好的性能。
  • 利用相同标记,为用于 iframe 隔离的 HTML5 Sandbox接受支持,从而改进了 Web 应用程序的安全性。

IE10 延续了 IE9 的传统,让 Web 应用程序能够在无插件的浏览器内发挥更多功能。它同时也延续了卸载工作模式安排至 PC 中最合适的部分,比如图形卸载安排至 GPU,JavaScript 后台编译卸载安排至不同处理器核心。

美观的交互式 Web 应用程序

美观的交互式 Web 应用程序可更方便地利用 HTML5 技术支持的 IE10。例如,IE10 可支持 CSS3 定位浮动元素,从而让文本悬浮于页面图像周围,并为 CSS3 网格、多列和 flexbox 构建首个平台支持预览版。

clip_image003
单击 此处 尝试定位浮动元素,并查看文本是如何布局于悬浮元素周围,从而获得更自然的阅读体验。

美观始于可靠、一致的解析行为。本 IE10 平台预览版改进了 W3C HTML5 规范的解析,能够反映出开发人员现有望在所有兼容的浏览器中获得相同的行为,即使对于不完全或无效标记也是如此。HTML5 是 HTML 定义无效标记行为的首个版本。HTML5 的分析行为不是依赖于随浏览器不同而不同的“修复”规则,而是以明确的方式指定,从而使开发人员可以完全信任它。IE10 现在可支持 File Reader API 和 HTML5 表单验证,以及为更复杂的选择场景(比如图形编辑器、游戏和通常使用多个图形层的其他应用程序)的高级单击测试提供支持。

试用显示出当今的浏览器在运行同样的网页时,即便是需要同样标准支持的网页,所呈现的效果也不同。不同浏览器的 HTML5 引擎的质量和正确性大相径庭。为实现互操作性和相同标记的目标,在标准主体开发下的测试套件仍在持续发展,并对 Web 开发人员社区十分重要。本试用同时显示了不同硬件加速实实现的性能差异。

clip_image005
本图显示了 IE10 平台预览版、 Firefox 5 Chrome 13 中的效果。单击 此处 试用 Stuff Works 演示版,并查看硬件加速的 HTML5 画布如何与 CSS3 渐变一同运行。

Web 应用程序性能

您可在 Fireflies 试用中了解不同浏览器的其他性能差异。让 HTML5 视频、音频、画布和 CSS3 渐变一同工作十分重要,因为开发人员将在实际 Web 应用程序中结合这些技术。

IE10 是首个支持多项 W3C 工作组生产的全新性能 API 的浏览器,为setImmediate、requestAnimationFrame 和 PageVisibility 的试用显示了 API 是如何让开发人员提高 Web 运行速度和响应能力的,甚至帮助网站在移动设备上更好的利用电池寿命。

Web worker能为 Web 制定一系列新编程场景。利用这些场景,Web 应用程序可通过卸载后台运行的复杂的 JavaScript 提高响应能力。 例如,普通游戏可能为 Web worker内的“计算机玩家”运行逻辑,而用户则选用他们的逻辑。本测试驱动(链接)显示了卸载从页面到Web worker工作的性能优势。(注意:FF5 不支持 Channel Messaging,这种技术的附加功能,测试驱动器可以使用更多功能。

clip_image007

Web 应用程序安全

此 IE10 平台预览版现在支持 HTML5 沙盒和 iframe 隔离,这是 Web 应用程序安全的一个重要组成部分:

clip_image009
单击 此处 试用 HTML5 沙盒演示版,请注意, Firefox 5 不支持此功能。

我们已向 W3C 工作组通告了关于 Web Worker(链接)一个方面的设计的具体隐私问题(链接),以及对解决此问题的一项建议。

展望未来

开发人员将能够使用 IE10 改进的 HTML5 支持开发更加美观的网站和应用程序(除了这些这些)。随着不同的浏览器支持开发人员使用相同的标记来实现具有良好性能的相同结果,我们可以全面实现 HTML5 应用程序的承诺。最后,我们向 IE 测试中心发布了 270 多项新测试,并将它们提交给了标准机构。

使用平台预览版,开发人员和技术爱好者可试验新技术并提供反馈,无需对哪些技术是网站就绪的和哪些是实验性的存在疑虑。此方法使技术社区能够在任何用户处于风险之中前解决安全问题(比如上面的隐私问题或这个问题),最大程度减少因重新编写面向用户的网站而浪费的精力。此文章 HTML5, Site-Ready and Experimental 提供了关于此主题的更多信息。例如,对 FileAPI 的初始支持始于 HTML5 实验室;基于这里的反馈,我们已将它添加到了 IE 平台预览版。

因为此方法能够产品化 Web 技术,所以 Microsoft 将在它发布之后 10 年内为 IE10 提供支持,履行与 Windows 本身相同的产品生命周期承诺。此博客文章(链接)描述了一些场景和客户,这对于它们至关重要。

我们会继续建议开发人员使用功能检测来适应众多不支持特定功能的浏览器(比如移动设备上的浏览器):

// check if this browser supports channel messaging

if (window.MessageChannel) {

/* Use channel messaging in this browser */

}

您可以在此处的 IE 10 开发人员指南中找到供开发人员使用的新功能的完整列表。我们期待继续服务于社区,并聆听您的反馈。

Dean Hachamovitch

备注:欢迎开发人员试用第 2 个 IE10 平台预览版本中改进的 innerHTML 支持。