转：IE10初探

跟Lucky要了下最新的GA数据，IE10目前的访问量为10708次，占比只占到了0.03%，份额真的是很少，但我们没有理由因为它的份额少而不去 了解IE10，随着win8正式版的即将发布，我们相信IE10的访问量会稳步上升，份额由少变多只是时间的问题，正如win7发布到现在，捆绑的IE9 访问量已经高达5304883次。 Windows Internet Explorer 10（简称IE10）是微软正在开发的新版IE浏览器，是IE 9的下一代。在2011年4月12日，微软推出首个“IE10平台预览版”，并只能运行于Windows 7或更高平台上；而后续的预览版只能在Windows 8上运行。预览版在IE9正式版发布四周后就被放出，因而有人认为这是在新一轮浏览器大战下而采取了高速发布周期。IE10在IE9的基础上增强了 CSS3解析及硬件加速功能，并也支持了HTML5。 在Windows 8中默认的浏览器是IE10，提供了Metro和桌面版。IE10的桌面版几乎与IE9无异，重点是Metro界面的IE浏览器，其中新的Metro将不 再支持插件，而传统的桌面程序将仍然保留插件支持。无论是Metro版还是桌面版，IE10都支持全部HTML5引擎。它还可以支持基于HTML5和 JavaScript的Metro应用。使用Metro版IE10无需任何第三方插件。 在欧盟，鉴于Antitrust(反垄断法)，是不允许直接内置IE浏览器的，需要用户在若干浏览器推荐窗口里面自行选择，当然，在北美、中国等其他国家和地区，Windows 8里面是直接内置的IE10的。

IE10 和 IE9 的关系

在IE9以前版本的IE都不是符合标准的。从IE9发布起，微软开始遵守HTML5 （工作草案）、W3C 层级样式表第3级规范（工作草案）、Scalable Vector Graphics (SVG) 1.0规范以及其他标准。“IE10和IE9”这个术语指的是这两个符合标准的浏览器，而且应该将它当作一个名词。 IE10目前基于IE9的基础上开发，除了性能上将会再度突破以外(微软内部的指令是必须提升Windows 8及其各主件的性能)，最重要的改变，将是UI(用户界面)。 因为Windows 8 的界面变化是非常“巨大的”，巨大到大家从Windows 1.0、Windows 3.2 升级到 Windows 95 时的感受，有经历过的朋友应该知道这之间的变化。 IE10在外观上和操控上将和Win8一样，主题均是：适应触摸。 PS：要是IE10与Windows 8一同出现也比较符合逻辑。考虑到IE9已经发布，而且如果之前对Windows 8发布日期估计准确的话，那么当Windows 8最终发布之际时隔已经一年，想必IE10也已经准备好了。

版本历史

名称	版本	发行日期	运行平台	新功能
IE10 Platform Preview	10.1000.16394	2011年4月12日	Windows 7及更高	支持CSS3的多列布局，CSS3栅格布局，CSS3弹性盒布局，CSS3渐变和ECMAScript 5的严格模式。
IE10 Platform Preview 2	10.1008.16421	2011年6月29日	Windows 7及更高	支持定位浮动，CSS样式表（同一网页不能多于31条的）限制解除，CSSOM（CSS对象模型）对浮点值的支持，高级命中测试API，媒体查询侦听器。HTML5：支持异步脚本元素的属性，HTML5的拖拽，HTML5的文件API，HTML5沙箱，HTML5 Web Workers，和一些网络性能的API。
IE10 Developer Preview	10.0.8102.0	2011年09月13日	Windows 8开发者预览版	支持Windows 8，CSS 3D变换，CSS文本阴影，SVG的滤镜效果，拼写检查，自动更正，IndexedDB本地存储和HTML5的应用程序缓存，网络通讯端，HTML5历史记录，和InPrivate选项卡。
IE10 Platform Preview 4	10.0.8103.0	2011年11月29日	Windows 8开发者预览版	跨域资源共享，文件API编写器，JavaScript类型化数组（WebGL），CSS的user-select属性，HTML5视频文字字幕，并更新怪异模式。
IE10 Consumer Preview	10.0.8250.0	2012年2月29日	Windows 8用户预览版	跨域XMLHTTP资源共享（CORS系统），CSS的-ms-user-select属性，CSS3的字体功能设置属性可访问先进的OpenType®功能，文件设置可在CSS-OM中启用浮点值，，HTML5 BlobBuilder API和可存或打开文件的新API，HTML5视频字幕的曲目元素，可互操作的HTML5怪异模式，JavaScript类型化数组，meta标签可提醒用户该网站需要ActiveX加载项（仅桌面IE10），从IE10标准模式除去传统的图形功能，更改以支持最新的HTML5 WebSocket API，Web Worker线程池。

IE10每隔8到12周将升级一次，可登录IE Test Drive网站下载试用预览版IE10。虽然微软尚未公布IE10的最终发布日期，但有可能和windows 8 正式版一同发布。

新增特性

• CSS3

1. css region
2. css3多列
3. Flexbox
4. grid
5. 定位浮动(positioned float)
6. 3D变换(3D transfrom)
7. 动画(animation)
8. 渐变(gradient)
9. text-shadow
10. 去掉样式表限制——在IE9之前的版本中，每个页面最多只能加载31个样式表文件，@import也只能最多嵌套4层，IE10中去掉了这些限制。

IE10对CSS3新特性的支持，大部分还是需要-ms-前缀的

• HTML5

1. 脚本同步——script标签的async属性，用来定义脚本是否异步执行
2. File API
3. History
4. Parsing
5. 表单验证(form validation)
6. progress和range控制——其实也可以看作HTML5表单中的功能
7. web workers
8. web sockets
9. 拖拽(drag and drop)
10. 应用缓存(application cache)，也就是离线存储，不过需要注意的是W3C更新了离线存储配置文件的扩展名，之前是ooxx.manifest，以后要用appcache扩展。
11. spellcheck
12. 频道通信(channel messaging)

• 其它

1. Indexed Database
2. Web performance API
3. SVG 滤镜效果

更加详细的新特性可以参考这里（Windows Internet Explorer 10 开发者指南 ）

一些tips

• IE10的hack

?

1 2 3 4 5 6 7 8

.ie{ color:red;          /* for all browsers*/ _color:green;       /* hack for IE6*/ *color:black;       /* hack for IE6 IE7*/ color:white\9;      /* hack for IE6+(IE6 IE7 IE8 IE9 IE10)*/ color:yellow\0;     /* hack for IE8+(IE8 IE9 IE10)*/ color:orange\9\0;   /* hack for IE9+(IE9 IE10)*/ }

IE10暂未公布其专有hack，不过通过笔者测试，”\9″ “\0″ “\9\0″对于IE10都是生效的

• IE10不再支持条件注释

?

1	<!--[if IE]><style type="text/css">此部分样式对于IE10以下版本的IE浏览器有效，但对于IE10已经不起作用，IE10会自动忽略此部分条件注释的代码</style><![endif]-->

在IE9（包括IE9）之前的IE浏览器都是支持IE特有的条件注释的，这可以用来区别与其他浏览器的不同之处，常用来些一些对IE生效的特有代码，但到了IE10，微软取消了条件注释，也许微软认为IE10已经很高级了，不再需要条件注释了。

未来的一些展望

1. 最新版IE10内置Flash 虽然微软在当初公开宣称Web视频的未来会站在HTML5肩上，不过两年后的今天大多数Web视频还是采用了Adobe Flash，令人惊讶又似乎在情理之中的是，微软将Flash直接整合到了Windows 8的最新版本IE10中。据悉，微软与Adobe的合作十分紧密，紧密到Adobe向微软提供了Flash的源代码，以便能无缝整合进IE10，这绝对是Adobe委曲求全忍辱负重啊。因此，微软无需为Flash打破之前的Metro版IE10不支持插件的政策，因为Flash将作为IE10的一部分出现，保证其代码满足微软的稳 定性、兼容性、安全性、性能等标准。
2. metro IE10带来更好的触摸体验 是的，你可以像在用iphone一样对IE10进行触摸操作，因为IE10捆绑于win8之上，而win8本身是一个可以触摸的系统（当然前提是你的显示设备需要支持触摸）。我们都说乔布斯改变了世界，短短的几年之内就改变了大家的生活方式，而这种改变最重要的一个原因是苹果产品所带来的令人兴奋的体验。而win8也正如文章开头提到的那样，非常“巨大的”界面变化，只要你使用过win8，你甚至有点怀疑这还是不是那个顽固不化的Microsoft的产品。
3. 更好的css3和html5支持性 最新的IE10用户预览版在Html5test.com的测试中拿下了319分的成绩，而之前的IE9只有138分，足以见微软在IE10中做了很大的动作，当然包括近乎100%支持CSS3（当然大部分的属性还是需要加-ms-前缀）。微软终于意识到问题的严重性了，再不支持等到何时啊，傲游浏览器最新版本3.3.7在HTML5测评中取得了437分，这让全世界的程序员为之震撼，因为当初大家都在猜测是chrome能先超出400分，而遨游率先突破400分。微软再不发力，那么自己的市场迟早会被抢光的。

总结：从我们开始学电脑起，用的就是window系统,用的是最老版的IE，IE6跟随了我们几十年，在这几十年间，中国的IE市场份额始终居高不下，没办法，谁叫我们生活在一个盗版泛滥的国度呢。而IE也是每个前端开发工程师心中的痛，曾经有一副漫画很好的画出了IE的现状。但最近几年，IE意识到了问题的严重性，因为越来越多的浏览器厂商出现，为了生存，微软也得考虑自己的利益，也得向W3C妥协。IE10就是一个很好的证明，虽然现在只是一个预览版，份额还少的可怜，但一旦win8正式版放出，我们相信IE10份额会稳步上升，所以我们有必要去认识IE10，它真的不是很烂，虽然现在预览版还会有各种各样的奇怪的问题，大家拭目以待正式版的放出吧！

参考资料：

http://en.wikipedia.org/wiki/Internet_Explorer_10

转自：http://www.smallni.com/ie10/