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

标签:特性开发预览版IE10IE Web