了解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
.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


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流