這期內(nèi)容當(dāng)中小編將會給大家?guī)碛嘘P(guān)如何理解IE=edge,chrome=1的META信息，文章內(nèi)容豐富且以專業(yè)的角度為大家分析和敘述，閱讀完這篇文章希望大家可以有所收獲。

創(chuàng)新互聯(lián)建站是一家集網(wǎng)站建設(shè),烏拉特后企業(yè)網(wǎng)站建設(shè),烏拉特后品牌網(wǎng)站建設(shè),網(wǎng)站定制,烏拉特后網(wǎng)站建設(shè)報價,網(wǎng)絡(luò)營銷,網(wǎng)絡(luò)優(yōu)化,烏拉特后網(wǎng)站推廣為一體的創(chuàng)新建站企業(yè)，幫助傳統(tǒng)企業(yè)提升企業(yè)形象加強企業(yè)競爭力?？沙浞譂M足這一群體相比中小企業(yè)更為豐富、高端、多元的互聯(lián)網(wǎng)需求。同時我們時刻保持專業(yè)、時尚、前沿，時刻以成就客戶成長自我，堅持不斷學(xué)習(xí)、思考、沉淀、凈化自己，讓我們?yōu)楦嗟钠髽I(yè)打造出實用型網(wǎng)站。

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

代碼如下:

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

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

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

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

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

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

但是如果想要在開發(fā)時指定頁面默認(rèn)首先使用GCF進(jìn)行渲染，如果未安裝GCF再使用IE內(nèi)核進(jìn)行渲染，該如何進(jìn)行呢?

就是使用這個標(biāo)記。

標(biāo)記用法：

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

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

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

曾經(jīng)css hacker常用的模擬IE7渲染方式的代碼：

代碼如下:

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

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

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

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

官方對其定義：

■可使用開放式網(wǎng)絡(luò)技術(shù)（如 HTML5 canvas 標(biāo)記）立即啟動，甚至包括 Internet Explorer 6、7 或 8 尚不支持的技術(shù)。
■利用 JavaScript 性能增強功能，使應(yīng)用程序速度更快，響應(yīng)更靈敏。
所以這段代碼則可以解釋為：如果安裝了GCF，則使用GCF來渲染頁面「"chrome=1"」，如果沒有安裝GCF，則使用高版本的IE內(nèi)核進(jìn)行渲染「"IE=edge"」。

然而，下一個問題又來了，在w3.org的html5驗證工具下：



介個也好解決，針對三種主流服務(wù)器，我們都可以在服務(wù)器端配置http equiv規(guī)則：

apache服務(wù)器，確保 mod_headers 和 mod_setenvif 是available的，然后在httpd.conf「新版Apache的配置文件是 apache2.conf」或者在.htaccess中加入以下規(guī)則：

代碼如下:

<IfModule mod_setenvif.c>
<IfModule mod_headers.c>
 BrowserMatch chromeframe gcf
 Header append X-UA-Compatible "chrome=1" env=gcf
</IfModule >
</IfModule >

Windows Server在IIS7或者更高版本的服務(wù)器中，只需要修改web.config文件,添加如下信息即可:

代碼如下:

<configuration>
<system.webServer>
 <httpProtocol>
  <customHeaders>
    <add name = "X-UA-Compatible" value = "chrome=1" />
  </customHeaders>
 </httpProtocol>
</system.webServer>
</configuration>

在Nginx服務(wù)器中，只需要找到 ginxconf ginx.conf并編輯，在server { }區(qū)域里（好是閉合符前面起一行）添加下列代碼即可:

代碼如下:

add_header "X-UA-Compatible" "IE=Edge, chrome=1";

上述就是小編為大家分享的如何理解IE=edge,chrome=1的META信息了，如果剛好有類似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

本文題目：如何理解IE=edge,chrome=1的META信息-創(chuàng)新互聯(lián)
URL網(wǎng)址：http://www.rwnh.cn/article14/cepege.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站制作、Google、商城網(wǎng)站、響應(yīng)式網(wǎng)站、手機網(wǎng)站建設(shè)、軟件開發(fā)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)