IE=edge,chrome=1的META信息詳解

2024-07-11 08:27:43

字體：大中小

來源：轉載

供稿：網友

這幾天在玩 HTML5 ★ Boilerplate，注意到meta信息中有這么一句：

復制代碼

代碼如下:
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

但令我好奇的是，此處這個標記后面竟然出現了chrome這樣的值，難道IE也可以模擬chrome了?

迅速搜索了一下，才明白原來不是微軟增強了IE，而是谷歌做了個外掛：Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)。這個插件可以讓用戶的IE瀏覽器外不變，但用戶在瀏覽網頁時，實際上使用的是Google Chrome瀏覽器內核，而且支持IE6、7、8等多個版本的IE瀏覽器，谷歌這個墻角挖的真給力!

而上文提到的那個meta標記，則是在是安裝了GCF后，用來指定頁面使用chrome內核來渲染。

GCF下載地址: http://code.google.com/intl/zh-CN/chrome/chromeframe/

安裝完成后,如果你想對某個頁面使用GCF進行渲染，只需要在該頁面的地址前加上 gcf：即可，例如： gcf:http://cooleep.com

但是如果想要在開發時指定頁面默認首先使用GCF進行渲染，如果未安裝GCF再使用IE內核進行渲染，該如何進行呢?

就是使用這個標記。

標記用法：

閱讀了下chrome的開發文檔(http://www.chromium.org/developers/how-tos/chrome-frame-getting-started，需翻-墻)，下面來簡單講解一下這個標記的語法。

http-equiv="X-UA-Compatible"這個是IE8的專用標記，是用來指定Internet Explorer 8 瀏覽器模擬某個特定版本IE瀏覽器的渲染方式，以此來解決IE瀏覽器的兼容問題。

例如指定IE8瀏覽器使用IE6的渲染方式呈現界面。

曾經css hacker常用的模擬IE7渲染方式的代碼：

復制代碼

代碼如下:
<meta http-equiv = "X-UA-Compatible" content = "IE=EmulateIE7" />

令我好奇的是文章第一段提到的代碼中「content="IE=edge,chrome=1"」一段，字面意思是指定IE使用chrome的渲染方式？還是讓IE的皮使用后臺的Chrome內核？

查了一下，這段是Google開發的一個Google Chrome Frame「Google Chrome 瀏覽器內嵌框架 - GCF」。使用GCF可以讓用戶的IE瀏覽器外觀不變，但用戶在瀏覽網頁時實際上使用的是Chrome的內核，并且支持Windows XP及以上系統的IE6/7/8。

而第一段中提到的代碼則是指定該頁面使用Chrome內核來做渲染，前提是用戶必須已經安裝了Google Chrome Frame。

官方對其定義：

■可使用開放式網絡技術（如 HTML5 canvas 標記）立即啟動，甚至包括 Internet Explorer 6、7 或 8 尚不支持的技術。

上一篇：IE下去掉iframe邊框兼容IE7/IE8/IE6以下

下一篇：搞清楚CSS中單位px與em之間的關系和特點