【JavaScript】IE相容性檢視 設定

相信大家在開發專案時,常常會遇到客戶抱怨版面跑掉或JS沒效果,

最後詢問結果原來是客戶是使用萬惡的IE,

這時我們只能建議客戶開始使用Chrome,但並不能直接強迫客戶直接捨去IE,

所以為了強制 IE 能正常的顯示,就要在<head>的部分下一點功夫:

<!-- IE7 自動判斷 相容性檢視 -->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7"/>


<!-- IE8 自動判斷 相容性檢視-->
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE8"/>


<!-- Quirks Mode -->
<meta http-equiv="X-UA-Compatible" content="IE=5"/>


<!-- IE7 標準模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=7"/>


<!-- IE8 標準模式 -->
<meta http-equiv="X-UA-Compatible" content="IE=8"/>


<!-- IE最新的版本 -->
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>


<!--如果使用者是使用IE9就IE9核心瀏覽,IE8就用IE8,以此類推-->
<meta http-equiv="X-UA-Compatible" content="IE=9; IE=8; IE=7" />

【微軟在相容性提供三種模式】

Quirks模式: 在陳舊而極不符合網頁標準的網頁會自動套用這個模式。在此模式下,會使用舊版Internet Explorer的錯誤排版方式來排CSS。

IE7標準模式: 和IE7下的標準模式相同,不支援IE8下的CSS功能,也因此不會遇到IE8更改後的CSS問題。

IE8標準模式: 支援新CSS功能的標準模式,是IE8遇到對於支持HTML/XHTML標準的網頁時自動採用的模式。

除了以上三種模式,微軟也留下兩種自動判斷的方法。

【自動判斷模式】

EmulateIE7、EmulateIE8模式也就是目前所謂的「相容性檢視」

參考文獻: http://www.dotblogs.com.tw/littlebtc/archive/2009/03/21/ie8-modes.aspx

留言

Top