了解IE10

••前端开发日报• | •1469View0
文章目录
跟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 Preview10.1000.163942011年4月12日Windows 7及更高支持CSS3的多列布局，CSS3栅格布局，CSS3弹性盒布局，CSS3渐变和ECMAScript 5的严格模式。
IE10 Platform Preview 210.1008.164212011年6月29日Windows 7及更高支持定位浮动，CSS样式表（同一网页不能多于31条的）限制解除，CSSOM（CSS对象模型）对浮点值的支持，高级命中测试API，媒体查询 侦听器。HTML5：支持异步脚本元素的属性，HTML5的拖拽，HTML5的文件API，HTML5沙箱，HTML5 web Workers，和一些网络性能的API。
IE10 Developer Preview10.0.8102.02011年09月13日Windows 8开发者预览版支持Windows 8，CSS 3D变换，CSS文本阴影，SVG的滤镜效果，拼写检查，自动更正，IndexedDB本地存储和HTML5的应用程序缓存，网络通讯端，HTML5历史记录，和InPrivate选项卡。
IE10 Platform Preview 410.0.8103.02011年11月29日Windows 8开发者预览版跨域资源共享，文件API编写器，JavaScript类型化数组（WebGL），CSS的user-select属性，HTML5视频文字字幕，并更新怪异模式。
IE10 Consumer Preview10.0.8250.02012年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
.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:orange9\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

原创文章：了解IE10 ，未经许可，禁止转载，©版权所有。
原文出处：前端开发博客 (http://caibaojian.com/ie10.html)

相关文章