在IE8瀏覽器以后版本,都有一個“兼容性視圖”,讓不少新技術(shù)無法使用。那么如何禁止瀏覽器自動選擇“兼容性視圖”,強(qiáng)制IE以最高級別的可用模式顯示內(nèi)容呢?下面就介紹一段HTML代碼。
X-UA-Compatible是一個設(shè)置IE瀏覽器兼容模式的屬性,在IE8瀏覽器之后誕生。IE8或者IE9有很多種模式,比如,IE8有4種模式:IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式;而IE9有7種模式: IE5.5怪異模式、IE7標(biāo)準(zhǔn)模式、IE8幾乎標(biāo)準(zhǔn)模式、IE8標(biāo)準(zhǔn)模式、IE9幾乎標(biāo)準(zhǔn)模式、IE9標(biāo)準(zhǔn)模式、XML模式。
我們常使用代碼:
<meta http-equiv="X-UA-Compatible" content="IE=8" />
來開啟IE8的標(biāo)準(zhǔn)渲染模式。這種方式在只存在IE8瀏覽器的時候比較合適,但是后來又出現(xiàn)了IE9、IE10、IE11等等。我們就可以這樣寫:
<meta http-equiv="X-UA-Compatible" content="IE=9;IE=8;IE=7;" />
意思就是優(yōu)先最前面的IE9,沒IE9就用IE8。那么如果針對每一種都寫一遍,似乎就有些冗余了。
所以我們改變方式采用代碼:
<meta http-equiv="X-UA-Compatible" content="edge" />
Edge模式通知IE以最高級別的可用模式顯示內(nèi)容,這實際上破壞了“鎖定”模式。
當(dāng)然,我們還見過這樣的代碼:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
就是增加了chrome=1值,目的是觸發(fā)Google Chrome Frame,不過現(xiàn)在Google已經(jīng)拋棄Google Chrome Frame了,因此也不用這樣寫了。
總結(jié):
在 <!DOCTYPE html> 下,使用代碼:
<meta http-equiv="X-UA-Compatible" content="edge" />
觸發(fā)標(biāo)準(zhǔn)模式,這個是最有效的方法。