Share via

为应用程序提供 HTML5 支持：第 4 个 IE10 平台预览版

  • Article

适用于 Windows 开发者预览版的 IE10 更新平台预览版现在可供下载。此 IE10 预览版增加了对 HTML5 技术的更多支持，可以启用更丰富的 Web 应用程序，同时性能也有很大提升。利用 IE10 的硬件加速技术（诸如 SVG、CSS3 变换和动画），可以比其他浏览器更快地呈现网页内容，本视频短片对此进行了重点说明。

观看 IE10 中某些新的 HTML5 功能及性能改进。

利用这个第四个平台预览版，开发人员可以利用更多适合网站开发的 HTML5 技术开始工作。您可以在此处的 IE10 开发人员指南中阅读新功能的完整列表。下面列出了一些重点内容：

  • 跨域资源共享 (CORS)，可以实现跨域安全地使用 XMLHttpRequest。
  • File API Writer 支持 blobBuilder，允许在浏览器中操作大型脚本二进制对象。
  • 支持 JavaScript 类型的数组，可以实现高效存储并且操作类型化数据。
  • CSS 用户选择属性，可以控制最终用户在 Web 页面或应用程序中选择元素的方式。
  • 支持 HTML5 视频文本字幕，包括时间代码、放置和字幕文件格式。

下面这些基础功能是开发人员构建本机应用程序所必需的：处理二进制数据和文件、控制选项，并在应用程序 UI 中进行测试，提供带有字幕的可访问视频内容。平台预览版中的这些功能现在可用于 Web 页面，将来可以用于 Windows 8 中的 Metro 风格应用程序。

构建 HTML5 应用程序

本 IE10 预览版支持 CORS（跨域资源共享），允许开发人员使用 XMLHttpRequest 安全地在不同的域中跨应用程序请求、共享和移动数据。这是一个开发人员常用模式，用于将数据和服务从不同的应用程序中汇集到一起。在此测试驱动程序演示中，您可以看到 CORS 是如何与 XMLHttpRequest、File API 和 HTML5 进度控件一起使用，以便流畅地将多个文件上载到另一个域中的服务。

IE 测试驱动程序演示“跨站更新”的屏幕快照，显示为了回应将某个文件放在 HTML5 的目标元素上而上载的四个图像文件

请单击此处查看 CORS 如何与 XMLHttpRequest 一起配合使用跨域上载文件。

具有处理二进制数据和文件的能力，令开发人员可以在 Web 上构建新型的应用程序，并提供新的体验。此 IE10 预览版支持来自 File API:Writer 的 blobBuilder，用以处理大型二进制对象 (blobs) 和 JavaScript 类型的数组。在此测试驱动程序演示中，您可以看到如何读取、呈现不同的文件类型（包括在浏览器中不本机支持的文件，如 PCX 文件），甚至会显示这些文件的内部内容。

IE 测试驱动程序演示“二进制文件检查器”的屏幕截图，显示 PCX 文件的十六进制转储，以及使用 HTML5 画布和 JavaScript 呈现该文件。

请单击此处查看 JavaScript 类型的数组如何与 File API 配合使用以读取和查看二进制文件。

由于开发人员在 Web 上构建的应用程序越来越复杂，他们更加需要对最终用户如何在网页上选择各个网页部分进行更为精确地控制。有了 IE10 中的 CSS 用户选择支持，开发人员可以指定在用户使用其应用程序的过程中哪些页面元素可以由用户进行选择。在此测试驱动程序演示中，您可以查看如何使用 CSS 规则中的用户选择属性将选择控件应用到示例博客应用程序中。

IE 测试驱动程序演示“用户选择”的屏幕截图，显示了将文件选择限制到 Web 页面上的某一部分所需的标记。

请单击此处尝试使用 CSS 用户选择来控制最终用户 Web 页面选择。

对 HTML5 的相同的标记的改进

为了进一步实现互操作性和相同标记的目标，我们继续致力于在 HTML5 标准实体中开发测试套件，并提供了 118 个新测试。您也可以在 IE 测试中心查看到这些测试。我们强烈建议所有开发人员始终在您的页面中使用 HTML5 文档类型 <!DOCTYPE html> 来首先为 HTML5 标准编写程序。

IE10 预览版 4 引入了一个更新的 Quirks 模式，与其他浏览器（如 Firefox、Chrome、Safari 和 Opera）中的 Quirks 模式的工作方式更为一致且可交互性更强。此更新的 Quirks 模式支持页面布局的 quirks，允许使用更多最新的标准功能，例如音频、视频、画布以及更多内容的 HTML5 元素。

您可以在此处的 IE10 开发人员指南中了解为开发人员提供的新功能的完整列表。下载 Windows 8 开发者预览版来体验 IE10 更新。我们希望您继续参与开发人员社区，并期待您在 Connect 上的反馈。

—Internet Explorer 图形主管项目经理 Rob Mauceri