1. 程式人生 > >Meta中新增X-UA-Compatible和IE=Edge,chrome=1有什麼作用

Meta中新增X-UA-Compatible和IE=Edge,chrome=1有什麼作用

常常在很多網站下看到如下meta定義:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

這是一個文件相容模式的定義。主要用於加強程式碼對IE的相容性,強制IE使用當前本地最新版標準模式渲染或者用chrome核心渲染。 1、Edge 模式告訴 IE 以最高階模式渲染文件,也就是任何 IE 版本都以當前版本所支援的最高階標準模式渲染,避免版本升級造成的影響。簡單的說,就是什麼版本 IE 就用什麼版本的標準模式渲染

<meta http-equiv="X-UA-Compatible" content="IE=edge">

2、使用以下程式碼強制 IE 使用 Chrome Frame 渲染(需要安裝有Google Chrome Frame)

<meta http-equiv="X-UA-Compatible" content="chrome=1">

3、提示 IE 使用者安裝 Google Chrome Frame 外掛 Google 官方提供了對 Google Chrome Frame 外掛安裝情況的檢測,這裡直接呼叫方法即可,如果檢測到 IE 並未安裝 Google Frame,則彈出對話方塊提示安裝。

(1)CDN連結 -- 需要翻牆

<script src="http://ajax.googleapis.com/ajax/libs/chrome-frame/1/CFInstall.min.js"></script>

<script>CFInstall.check();</script>
<script src="gcfutil.js"></script>
<script src="CFInstall.js"></script> //注意這兩個js檔案的引入
<script>
    gcfutil.showSetupGcfPrompt();
</script>

4、最佳的相容模式方案,結合考慮以上兩種:

<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">