無限的可能: X-UA-Compatible設置IE兼容模式

2014年9月1日星期一

X-UA-Compatible設置IE兼容模式

http://injerry.pixnet.net/blog/post/57042465-%E3%80%90html%E6%95%99%E5%AD%B8%E3%80%91x-ua-compatible%E8%A8%AD%E7%BD%AEie%E5%85%BC%E5%AE%B9%E6%A8%A1%E5%BC%8F

X-UA-Compatible設置IE兼容模式

強制瀏覽器呈現為特定的版本的標準。它不支持IE7及以下：

如果用分號分開，它設置為不同版本的兼容級別，IE7、IE9。它允許不同層次的向後兼容性：

只選擇其中一個選項：

允許更容易的測試和維護。雖然通常比較有用的版本，這是使用模擬：

什麼版本IE 就用什麼版本的標準模式：

使用以下代碼強制IE 使用Chrome Frame：

最佳的兼容模式方案，結合考慮以上兩種：

指定文件兼容性模式，在網頁中使用meta元素放入X-UA-Compatible http-equiv 標頭。以下是指定為Emulate IE7 mode兼容性之範例：

1<html>

2    <head>

3        

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

5        <title> My Web Page </title>

6    </head>

7    <body>

8    </body>

9</html>

設定網站服務器以指定預設兼容性模式：

01xml version="1.0" encoding="utf-8"?>

02    <configuration>

03        <system.webServer>

04        <httpProtocol>

05     <customHeaders>

06            <clear />

07        <add name="X-UA-Compatible" value="IE=EmulateIE7" />

08        </customHeaders>

09    </httpProtocol>

10    </system.webServer>

11</configuration>