多浏览器支持之 IE11【让程序支持IE11】

原文链接:http://www.cnbeta.com/articles/243295.htm

这也是首次微软真正移除了 Internet Explorer 的一些特性:更改了 user-agent 字符串,这使得很多判断浏览器是否 IE 的代码无法工作,包括有些 JavaScript 的 isIE() 的方法在 Internet Explorer 11 上执行会返回 false。不过好在 Internet Explorer 11 对 Web 标准的支持非常好,因此不再需要之前那些 IE 特定的行为。

在 Internet Explorer 11 中,user-agent 比之前的版本要短很多,而且去掉了最关键的 MSIE 的关键字

Internet Explorer 11 的 user-agent:

1             Mozilla/5.0 (Windows NT 6.3; Trident/7.0; rv 11.0) like Gecko            

Internet Explorer 10 的 user-agent (on Windows 7):

1             Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.1; WOW64; Trident/6.0)            

上述 user-agent 你还会注意到增加了 Gecko 的标识,而 Safari 是首个标注了 Gecko 的浏览器。

之前多数使用 MSIE 来判断是否 IE 浏览器的代码都无法工作,可以改用 Trident 字符串来判断。Trident 标识是在 IE9 中引入的。

此外微软还更改了 navigator 对象:

  • navigator.appName 值为 “Netscape”

  • navigator.product 值为 “Gecko”

这或许是一项开发者的诡计,但该行为的确是在 HTML5 中实际指定的。在 HTML5 中要求这两个属性必须返回上述对应的值,这是一个很奇怪的规定的,更奇怪的是 Internet Explorer 11 遵守了这个规定。

此举导致一些根据 navigator 对象判断浏览器型号的 JavaScript 代码会将 Internet Explorer 11 识别成基于 Gecko 的浏览器。

document.all 和 friends

从 IE 4 开始,document.all 在 IE 中举足轻重。比起 document.getElementById() 来说,document.all 是 IE 方式的获取元素的引用的方法。尽管 IE 5 增加对 DOM 的支持,但 document.all 一直沿用至 IE 10。而在 Internet Explorer 11 中终于被废弃了,这意味着在 Internet Explorer 11 中使用 document.all 的方法将可能导致执行失败,尽管使用了 document.all 的代码实际上还是可以工作。[3]

另外一个要废弃的是 attachEvent() 方法,该方法用于添加事件处理器,对应的 detachEvent() 用来移除事件处理器。这两个方法将在 Internet Explorer 11 中删除。移除这两个方法需要改用如下逻辑:

1             function addEvent(element, type, handler) {            
2                 if (element.attachEvent) {            
3                     element.attachEvent("on" + type, handler);            
4                 else if (element.addEventListener) {            
5                     element.addEventListener(type, handler, false);           
6                 }            
7             }            

当然,建议你优先使用标准的浏览器进行测试以确保不会因为 attachEvent() 的移除而影响代码执行。不过互联网上充斥着各种糟糕的监测代码,你只能确保自己的应用经过良好的标准测试。

被删除的特性还包括:

  • window.execScript() – IE 版本的 eval()        

  • window.doScroll() – IE 用来滚动窗口的方式

  • script.onreadystatechange – IE 方式的脚本加载完成的事件通知

  • script.readyState – IE 方式的测试脚本是否加载完成的状态

  • document.selection – IE 方式获取当前选择的文本

  • document.createStyleSheet – IE 方式创建样式单

  • style.styleSheet – IE 方式引用样式

所有这些被废弃的方法都有基于标准的替代方法。如果你使用的是标准的方法那恭喜你,可直接支持 Internet Explorer 11.

结论

看起来 Internet Explorer 11 应该是 Internet Explorer 家族最棒的版本。通过最终移除过去一些魔鬼般的错误,微软正在为大家准备一个真正标准的浏览器。

更新(2013-7-2): document.all 并没有真正被删除,但不推荐使用。

参考资料

  1. Internet Explorer 11 preview guide for developers (MSDN)

  2. Navigator Object – Client Identification (HTML5)

  3. Obsolete – Behavior of document.all (HTML5)

  4. Internet Explorer 11 界面截图        

via nczonline/oschina翻译

你可能感兴趣的:(多浏览器支持之 IE11【让程序支持IE11】)