強制不使用“兼容性視圖”的HTML代碼

強制不使用“兼容性視圖”的HTML代碼

在IE8瀏覽器以後版本,都有一個“兼容性視圖”,讓不少新技術無法使用。那麼如何禁止瀏覽器自動選擇“兼容性視圖”,強制IE以最高級別的可用模式顯示內容呢?下面就介紹一段HTML代碼。

X-UA-Compatible是一個設置IE瀏覽器兼容模式的屬性,在IE8瀏覽器之後誕生。IE8或者IE9有很多種模式,比如,IE8有4種模式:IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式;而IE9有7種模式: IE5.5怪異模式、IE7標準模式、IE8幾乎標準模式、IE8標準模式、IE9幾乎標準模式、IE9標準模式、XML模式。

我們常使用代碼:

<meta http-equiv="X-UA-Compatible" content="IE=8" />

來開啓IE8的標準渲染模式。這種方式在只存在IE8瀏覽器的時候比較合適,但是後來又出現了IE9、IE10、IE11等等。我們就可以這樣寫:

<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />

意思就是優先最前面的IE9,沒IE9就用IE8。那麼如果針對每一種都寫一遍,似乎就有些冗餘了。

所以我們改變方式採用代碼:

<meta http-equiv="X-UA-Compatible" content="edge" />

Edge模式通知IE以最高級別的可用模式顯示內容,這實際上破壞了“鎖定”模式。

當然,我們還見過這樣的代碼:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

就是增加了chrome=1值,目的是觸發Google Chrome Frame,不過現在Google已經拋棄Google Chrome Frame了,因此也不用這樣寫了。

總結:

在 <!DOCTYPE html> 下,使用代碼:

<meta http-equiv="X-UA-Compatible" content="edge" />

觸發標準模式,這個是最有效的方法。

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