IE10平台预览第二版新特性（开发者篇）

IE将会越来越强大，HTML5战火更猛烈些了。事实表明IE在Canvas、SVG、硬件加速、桌面集成等方面已经超过竞争对手很多，不过我们依然期待它对CSS3及更多的HTML5技术进行支持。IE已经发力了，相信不久，就可以看到，它的不错表现。

今天我们来看看IE10平台预览第二版（PP2）有哪些新特性吧：

1.Page Visibility API 页面可见性API：

当页面最小化时，我们可以把一些如像动画那样消耗性能的功能暂时取消，当页面激活时，继续动画。非常实用，目前心情音乐有使用一个自定义函数来模仿，当网页最小化时，会执行一些动作；不久，将使用些API，当页面最小化时，不请求歌词等内容。

它的属性和方法：
document.hidden返回true|false
document.visibilityState
visibilitychange

提示：您暂时需要添加浏览器厂商前缀，如：

document.msVisibilityState = 1
document.msHidden

2.The Web Worker Fountains

IE 上终于赢来了Web Worker, !!window.Worker 终于返回 true 了。

3.Drag-Drop & File API & Advanced Hit testing APIs

从桌面拖放文件，终于可以显示在网页里了

4.HTML5 Form 表单特性支持：

required, placeholder,pattern,type=email|tel|number|url|search,autofocus,min,max,step
<input type="file" multiple />
<input type="text" list="" />
datalist 标签支持

5.HTML5 Sandbox：

当网站要引入第三方内容时，它非常有用。可以有效阻止恶意攻击、钓鱼、跳转漏洞、弹窗等。

<iframe src="untrusted.html" sandbox></iframe>

当使用沙箱机制载入iframe页面时:
插件被禁用；
脚本被阻止运行；
表单提交被阻止；
localStorage, XMLHttpRequest, and access to the DOM 等都被阻止
弹出窗口也比阻止

<iframe src="untrusted.html" sandbox="allow-scripts allow-forms"></iframe>

sandbox属性可以为以下值：

allow-scripts
allow-forms
allow-same-original
low-top-navigation
ms-allow-popups

6.Positioned Floats

7.HTML5 Async Scripts

<script async src="slow.js"></script>

8.setImmediate API

可以看到执行速度是非常滴快

if (window.msSetImmediate) {
timer = msSetImmediate(function () { /* todo */ }); // 暂时只有IE10支持
} else if (window.MozSetImmediate) {
timer = MozSetImmediate(function () { /* todo */ });
} else if (window.WebkitSetImmediate) {
timer = WebkitSetImmediate(function () { /* todo */ });
} else if (window.OSetImmediate) {
timer = OSetImmediate(function () { /* todo */ });
}

9.requestAnimationFrame API

提供节能、高效、流畅的动画体验，根据显示器的刷新频率，确定每秒分配的动画

下图是IE10、Firefox 5和Chrome 13浏览器在名为How Stuff Works的HTML5渲染测中的对比：

多彩IE10

Firefox色彩稍弱

Chrome几乎没有显示色彩

有兴趣的可以浏览：IE10平台预览第二版简单测试

笔者对部分界面进行了汉化

更多IE10 PP2 的特性，点击 http://ie.microsoft.com/testdrive/Default.html

via：vickeychen