每當我接到電話或者是PM和我說：“那個xxx版型怎么跑掉了”或者說：“那個xxx的頁面連接（Ajax 連接）怎么點下去頁面只顯示圖和文字而其他部份都不見了”？

通常我會問兩個問題：你是不是用IE？請問你的IE版本是多少？

通常來說，對方都是使用IE，而如果使用的是IE7，我只能在心理吶喊：“天哪、拜托可不可以升級或換瀏覽器啊”然后用客氣的口吻把心理想的和對方溝通。如果不能換，那我只能拿掉一些比較新技術的東西，例如Ajax、CSS3等。

不過有時候我會遇到對方用的是比較新的IE，IE8以上，但是對方再使用網(wǎng)站會有問題，例如，點下ajax連接竟然直接顯示Ajax內(nèi)容而不是更新到頁面某一個位置，或者Css整個跑掉，甚至頁面空空的因為瀏覽器看不懂某個JS Framework。這些其實讓我頭痛了不久，因為在我電腦同樣的IE明明就不會啊？

后來我終于找到了解法，也終于弄懂到底是怎么一回事，原來是IE的“兼容模式（Compatibility View）。（如果對接下來內(nèi)容不感興趣，或者急需知道答案，請直接卷到最后）。

和為IE兼容模式

在早起IE8之前，那個時候IE瀏覽器還屬于比較獨大的情況，那個時候他有很多東西是和網(wǎng)絡的Standard不太一樣。譬如他有自己才看的懂得自定義Tag。作為那個時代，很多網(wǎng)站都是以那個時候的IE作為目標瀏覽器去寫的網(wǎng)頁。

隨著時間的進步，微軟意識到自己搞自己的是不行的，需要跟Web Standard一樣，慢慢的以前那些舊的只屬于IE有的東西就在新的IE里面沒有了。

但是為了以前瀏覽器而設計的網(wǎng)站要怎么辦？他們就處于很尷尬的局面，因為如果不支持很多舊網(wǎng)站除了會跑版以外最要命是有些功能都會有問題。

為了解決這個問題，微軟在IE8以后很佛心的加入了所謂的兼容性模式，也就是能夠在舊的網(wǎng)站使用兼容性模式瀏覽，而一切正常，而到比較新的網(wǎng)站就用正常模式瀏覽。

聽起來很棒，有問題的舊網(wǎng)站使用IE 兼容模式，新網(wǎng)站使用正常模式。但是這個有一個前提，那就是使用者要知道兼容性模式的意義和如何切換

兼容性模式如何變成問題

假設今天我用兼容性模式瀏覽一個比較新的網(wǎng)站，會發(fā)現(xiàn)有很多問題。首先，很多Jquery的東西都會怪怪的，像Ajax就不起作用了，或者一些JS UI Framework就完全毀掉了。

那你或許會說，就不要開兼容性模式不就好了？但問題是很多使用者不知道這個，而你和他介紹他也不一定聽得懂。而最大的問題是，兼容性模式這個東西是可以設定說一直開啟。

在一些公司里面，兼容性模式是預設開啟的，意味著他們?yōu)g覽很多網(wǎng)頁都是處于那種狀態(tài)，而使用者不一定知道如何把它關掉。

微軟的解決辦法

微軟在這一篇有提到關于如何解決兼容性問題。他說，首先網(wǎng)頁一定要設定docType，如果不設定，就會以Quirks mode（IE5）瀏覽。

但問題是如果使用者設定使用兼容模式瀏覽，就算有docType他也會以兼容模式瀏覽，那該怎么辦？

微軟因此說我們可以加一個metatag告知要使用的IE版本，而也是使用這個就能夠強制不要使用兼容模式瀏覽。

<meta http-equiv="x-ua-compatible" content="IE=edge">

那個“IE=Edge”表示使用目前IE最新的正常模式去瀏覽。當然，你也可以指定要使用哪一個版本的IE去瀏覽。

加上Chrome=1

我在網(wǎng)絡上搜索的時候，發(fā)現(xiàn)有些人會在最后面加上Chrome=1，變成：

<meta http-equiv="x-ua-compatible" content="IE=edge, chrome=1">

好奇的去搜索了一下，發(fā)現(xiàn)到StackOverflow也有人問了相同問題，才發(fā)現(xiàn)原來Chrome有一個IE Add on叫做Chrome Frame，而作用就是在IE內(nèi)使用Chrome來顯示頁面，這樣老舊的IE就可以瀏覽一些新的頁面也不出問題，而那個Chrome=1就表示如果有裝，就啟用。

總結(jié)

以上是生活随笔為你收集整理的IE兼容模式的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。