关于IE 10 你应该知道的6件事

IE10问题，应该了解，原文见：http://www.csdn.net/article/2013-05-24/2815416-IE-10

1. 不再有条件注释
几乎所有Web开发人员和设计师至少使用过一次条件注释。过去，我们经常需要修复该IE的bug。在这里条件注释随手可得。如果用户运行一个IE版本，你可以将一个额外的样式表或脚本文件收录，且其他浏览器不受影响。可以这样做：

<script type="text/javascript" src="ie9hack.js"></script>
<![endif]-->

今后，这种情况将不可能出现，因为IE 10不解释这些条件注释。微软认为你应该经常去检测浏览器的特性，及时去掉那些不实用的特性。

2. 新用户代理字符串
用户代理字符串可标识你的浏览器，并向托管你所访问网站的服务器提供有关系统的某些详细信息。IE 10向其用户代理字符串增加一些新的信息。

IE 10标准版用户代理字符串：
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0)

在触摸设备上运行IE 10：
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; Touch)

在ARM设备上运行IE 10：
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; ARM;)

在ARM触摸设备上运行IE 10：
Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; Trident/6.0; ARM; Touch)

3.Flash白名单
如果你使用Windows 8，你将安装两个不同版本的IE 10。一个是桌面版本，带嵌入式Flash播放器，该版本显示Flash的方式和之前的IE版本相同。另一个是"Metro UI"版本，此版本也带有嵌入式Flash播放器，但该IE版本将只显示微软Flash白名单中的网站的Flash内容。

如果你的网站不在该白名单上，你可以将此兼容X-UA的元标签添加到你的页面中：

<meta http-equiv="X-UA-Compatible" content="requiresActiveX=true" />

现在，如果用户用"Metro UI"版IE浏览器打开你的网站，则将出现该元标签，IE将会让用户切换至桌面模式。

我想补充的是，微软经常谈论桌面上大多用户可能不知道的IE浏览器，但并不关心IE 10各版本之间的区别。
你可以点击这里了解更多关于Flash白名单的信息以及了解如何添加你的站点。

4. Win 7和Win 8的区别
你可以在Windows 7和Windows 8上运行IE 10。如果你使用Windows 7，显然你没看到一些特性。
此DOM事件将不在Windows 7上出现。

.MSPointerCancel
.MSPointerDown
.MSPointerHover
.MSPointerMove
.MSPointerOut
.MSPointerOver
.MSPointerUp
.MSGestureChange
.MSGestureEnd
.MSGestureHold
.MSGestureStart
.MSGestureTap
.MSManipulationStateChanged

Windows 7将不支持CSS(层叠样式表单)属性:
-ms-overflow-style
-ms-scroll-chaining
-ms-scroll-limit
-ms-scroll-limit-x-max
-ms-scroll-limit-x-min
-ms-scroll-limit-y-max
-ms-scroll-limit-y-min
-ms-scroll-rails
-ms-scroll-translation
-ms-content-zoom-chaining
-msContentZoomFactor
-ms-content-zooming
-ms-content-zoom-limit
-ms-content-zoom-limit-max
-ms-content-zoom-limit-min
-ms-touch-action
-ms-scroll-snap-points-x
-ms-scroll-snap-points-y
-ms-scroll-snap-type
-ms-scroll-snap-x
-ms-scroll-snap-y
-ms-content-zoom-snap
-ms-content-zoom-snap-points
-ms-content-zoom-snap-type

Windows 7将不支持DOM属性。
msMaxTouchPoints
msPointerEnabled
aria-haspopup

除了用户界面和用户代理字符串，所有的区别都与触摸应用程序编程接口（API）有关。因此，如果你激活使用新的触摸事件，你应该先获得一部运行Windows 8的触摸设备。

5.新HTML 5特性
IE 10运用了大量在IE 9上不可用的HTML 5特性。如果你不想支持IE 9，你可以摒弃许多polyfills和fallback解决方案。最重要的特性如下：

.应用缓存API
可让你创建离线Web应用。

.拖放
在IE 10上你可以在任何HTML元素上使用可拖曳属性。

.文档API
直接在客户端上加载、保存和操作文档。

.Web格式
使用新输入类型的电子邮件、数字、范围、电话、url、和progress 元素。

.浏览历史
可让你对浏览历史进行操作。

.Video视频
先进的视频回放支持（IE 9有基本的支持）

. Web开发者
在后台运行JavaScript代码。

. Web套接口
Web套接口使用HTTP提供一个双向通信。

6.新CSS特性
IE 10同样也增加了新CSS特性（大多带-ms前缀）。你可以点击这里了解完整的列表。

.CSS先进布局
包括区域、多栏布局、flexbox下拉框控件、网格布局和设备适配。

.3D图形变换
在2D和3D环境中旋转、缩放和转换图形元素。

.动画
使用CSS 3创建动画元素。

.字体
极大改善对OpenType 字体的支持。

.渐变
你可以在不需要图片的情况下创造颜色渐变效果。

.阴影
你可以为文本和和文本框添加阴影效果。

总结
IE 10还为表格带来了新的特性，几乎所有其他浏览器都支持更多的HTML 5和CSS 3特性。我们将期待微软是否继续改善这些特性，或是否我们还需为下一次更新再等一年。
如果你仍需要IE 9支持，那请务必查阅Cross Browser手册。