首頁 >web前端 >js教程 >Internet Explorer 11 瀏覽器介紹:別叫我IE

Internet Explorer 11 瀏覽器介紹:別叫我IE

PHPz
PHPz轉載
2016-05-16 16:35:052851瀏覽

這篇文章主要介紹了Internet Explorer 11 瀏覽器介紹:別叫我IE,需要的朋友可以參考下。

在上個星期,微軟隨Windows 8.1正式推出了Internet Explorer 11的第一次預覽版。這樣,關於這款備受爭議的web瀏覽器洩漏版本的各種傳聞也該休息了。我們現在已經知道一些關於Internet Explorer 11的重要的細節,包括支援WebGL ,prefetch(譯者註:預讀取,例如上傳檔案的預覽啥的,不知道翻譯的對不對),prerender(預呈現), flexbox,mutation observers和其他web標準,也許在IE11中更有趣的是,它是不是IE。

長期以來,微軟第一次從Internet Explorer瀏覽器中移除了一些特徵。 user-agent字串也更改了。看來,微軟已經拋棄了自己的方式,這樣現有的偵測IE的程式碼分支在Internet Explorer 11瀏覽器中都會回傳false,無論是在 javascript裡還是伺服器上。

User-agent的改變

相對於先前的版本,Internet Explorer 11的user-agent字串更短,而且還有一些有趣的變化:

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

對於在Windows 7上Internet Explorer 10的user-agent字串

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

最明顯的區別是,一直存在Internet Explorer瀏覽器user-agent字串的「MSIE」標記去掉了。同樣引人注目的是在user-agent的尾部添加了“like Gecko”。這表示Internet Explorer寧可被辨識為Gecko瀏覽器,也不願被辨識為Internet Explorer自己。 Safari是第一個加入「like Gecko」的瀏覽器,讓任何人都可以嗅探user-agent字串裡面的「Gecko」字元允許瀏覽器通過。

現在任何尋找「MSIE」的嗅探程式碼在新的user-agent字串下無法運作。你仍然可以搜尋「Trident」字元來確定它是IE瀏覽器(「Trident」標識是隨著Internet Explorer推出來的)。 Internet Explorer的真正版本透過「rv」來標識。

此外,navigator物件的資訊也有一些變化,這樣更掩飾了正在使用的瀏覽器的。

navigator.appName 被設定為「Netscape」
navigator.product被設定為「Gecko」

這可能看起來像企圖偷偷摸摸欺騙開發人員,但是這些實際上是HTML5指定的。 navigator.product屬性必須為“Gecko”,同時navigator.appName也應該是“Netscape”或更具體的。但Internet Explorer 11缺遵循了這個奇怪的建議。

navigator資訊的變更導致的副作用,正在使用的基於Javascript邏輯的瀏覽器偵測將可能無法使用,導致 Internet Explorer 11識別為基於Gecko的瀏覽器。

document.all和他的朋友們

從IE4以來,document.all在IE瀏覽器中無所不能。先前實行的document.getElementById()類似,document.all是得到一個DOM元素引用的IE方式。儘管從IE5開始到IE10,document.all都保持著對 DOM的支援。然而在11中,這個時代遺留下來的產物已經被設定為返回false,這意味著任何基於document.all的程式碼分支判斷在IE11中將失敗,即使程式碼實際使用document.all能正常運作。

另一個遺留是新增事件函數的attachEvent(),類似detachEvent()方法。這個方法已經從IE11移除了。移除這些方法,是為了避免一些邏輯判斷,例如:

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

當然,我們推薦你最好用來測試的版本是一直穩定,符合標準的。在某種層面上說,移除attachEvent方法不會產生任何地不適應。然而,網路充斥著槽糕的特徵檢測邏輯代碼。 attachEvent方法的刪除確保任何以上述方式編寫的程式碼將使用標準的版本,取代IE特有的方法。

其他一些被移除的特徵:

window.execScript()——eval()方法的IE版本

window.doScroll()——IE視窗的滾動方法

script.onreadystatechange——IE中監聽載入腳本的狀態變更

script.readyState——IE中腳本載入的狀態

document.selection——IE目前選取的文字

document.createStyleSheet-IE中建立樣式表文擋

style.styleSheet-IE瀏覽器中引用一個樣式表的樣式物件


所有這些IE瀏覽器的方式都被標準的特徵所取代。在移除這些特徵和方法後,基於標準功能特徵檢測的跨瀏覽器程式碼在不改變的情況下依然可以正常運作。

結論

在很長的時間內,IE11可能是最好的IE瀏覽器。微軟終於開始準備消除過去犯的錯誤,準備開始從包含基於現在標準的瀏覽器做起。刪除舊的特徵和修改不被認定為IE瀏覽器的使用者代理字串是一個很獨特的做法,它確保所有的網站能繼續運作。如果Web應用程式使用功能檢測,而不是瀏覽器嗅探,那麼程式碼應該可以IE11中運行。對於使用user-agent嗅探的應用,使用者仍然可以看到一個功能完好的網站,因為IE11對標準支援的十分優秀。

一個沒有IE分支代碼的未來即將到來,讓我們一起期待。

(2013-7-2更新),修訂提到的document.all其實並未刪除,而改為falsy

以上就是本章的全部內容,更多相關教學請訪問JavaScript視訊教學

陳述:
本文轉載於:human。如有侵權,請聯絡admin@php.cn刪除