Saturday, January 14, 2017

[HTML] 如何讓 IE 瀏覽器 依指定版本運作 (透過指定 meta 的 X-UA-Compatible 達成)

由於使用者電腦的 IE 瀏覽器的版本越來越新,有些舊式網頁程式就會開始出問題 (eg. JS出現錯誤),如果不想修改舊程式又想讓使用者可以正常使用,就必需讓使用新版 IE 瀏覽器的使用者,在瀏覽網頁時強制 IE 降版。(例如:雖然使用者的 IE 瀏覽器是 IE11,但在瀏覽舊版程式網頁時,強制 IE 降版成 IE8 模式執行)

方法很簡單,只要加入一行程式:


如果要讓新版 IE 瀏覽器跑 IE8 模式,只要在 head 中加入
<meta http-equiv="x-ua-compatible" content="ie=8">
需要注意這行程式應盡量在head上半部 (只允許放在其他meta或title下面)

如果要確認 IE 瀏覽器是否有依照我們指定的版本去執行,可以按下F12叫出"開發者工具" (或 IE / 工具 / 開發者工具),察看"文件模式"是否是我們要的版本。

參考:MSDN

備註:因為使用者可以在 IE 瀏覽器設定中開啟「相容性檢視」,這會導致使用者雖然用新版IE,瀏覽網頁時卻會自動降到IE7模式瀏覽網頁。如果我們希望使用者一直維持最新版本瀏覽網頁,可以加入下面的程式
<meta http-equiv="x-ua-compatible" content="ie=edge">

No comments:

Post a Comment