站內搜尋:Yahoo搜尋如果沒有給完整的網址,請在站內再搜尋一次!

2013-10-27

使用X-UA-Compatible來解決IE瀏覽器版本間的相容性問題

IE瀏覽器的版本一直在向前推進,在IE5 IE6 IE7 ... 在所開發的程式,在IE8 IE9 IE10 ... 頁面的顯示上往往會有令人傻眼的結果出現,如何解決這些頁面配置(layout)的問題呢?
  • 從網頁程式設定相容性
  • <html>
    <head>
      <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" />
      <title>網頁標題</title>
    </head>
    <body>
      <p>網頁內容...</p>
    </body>
    </html>
    
  • 從IIS網站設定相容性 (web.config)
  • <?xml version="1.0" encoding="utf-8"?>
    <configuration>
    <system.webServer>
    <httpProtocol>
    <customHeaders>
    <clear />
    <add name="X-UA-Compatible" value="IE=EmulateIE7" />
    </customHeaders>
    </httpProtocol>
    </system.webServer>
    </configuration> 
    
    以上的設定值,可以在IIS Web站台內容→點選HTTP標題→新增 自訂HTTP標題,自訂標題名稱:X-UA-Compatible,自訂標題值:IE=EmulateIE7,進行設定。

參考資料來源:
  1. 使用X-UA-Compatible来设置IE兼容模式 和 如何为页面添加正确的doctype声明-W3C标准
  2. IE8的样式兼容性适应方法
  3. 游览器兼容
  4. Introducing IE=EmulateIE7
  5. Introducing Compatibility View

沒有留言:

張貼留言