Internet Explorer 11

微軟在上週剛剛發佈了用於 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:

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 並沒有真正被刪除,但不推薦使用。

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章