Internet Explorer 11：其實已經不再是 IE 了

微軟在上周剛剛發布了用於 Windows 8.1 上的首個 Internet Explorer 11 的預覽版，此舉是為了回應之前泄漏關於 Internet Explorer 11 的資訊。我們已經確認 Internet Explorer 11 中的一些新特性，包括對 WebGL 的支援、預抓取、預渲染、flexbox、mutation observers 以及其他一些 Web 標準的支援。但是更有趣的是，雖然被叫為 Internet Explorer 11，但它已經不再是 IE 了。

這也是首次微軟真正移除了 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：

 

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

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

 

  
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 中刪除。移除這兩個方法需要改用如下邏輯：

 

  
function addEvent(element, type, handler) { 
  
if (element.attachEvent) { 
  
element.attachEvent("on" + type, handler); 
  
} else if (element.addEventListener) { 
  
element.addEventListener(type, handler, false); 
  
   } 
  
} 
 

當然，建議你優先使用標準的瀏覽器進行測試以確保不會因為 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 並沒有真正被刪除，但不推薦使用。

via nczonline/oschina翻譯