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

成都創(chuàng)新互聯(lián)是一家專(zhuān)注于網(wǎng)站制作、網(wǎng)站設(shè)計(jì)與策劃設(shè)計(jì),朝天網(wǎng)站建設(shè)哪家好?成都創(chuàng)新互聯(lián)做網(wǎng)站,專(zhuān)注于網(wǎng)站建設(shè)十載,網(wǎng)設(shè)計(jì)領(lǐng)域的專(zhuān)業(yè)建站公司;建站業(yè)務(wù)涵蓋:朝天等地區(qū)。朝天做網(wǎng)站價(jià)格咨詢(xún):18980820575

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

代碼如下:

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

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

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

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

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

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

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

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

標(biāo)記用法：

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

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

例如指定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的皮使用后臺(tái)的Chrome內(nèi)核？

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

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

官方對(duì)其定義：

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

然而，下一個(gè)問(wèn)題又來(lái)了，在w3.org的html5驗(yàn)證工具下：



介個(gè)也好解決，針對(duì)三種主流服務(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信息了，如果剛好有類(lèi)似的疑惑，不妨參照上述分析進(jìn)行理解。如果想知道更多相關(guān)知識(shí)，歡迎關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道。

當(dāng)前題目：如何理解IE=edge,chrome=1的META信息
當(dāng)前網(wǎng)址：http://aaarwkj.com/article32/gojgpc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供品牌網(wǎng)站制作、網(wǎng)站設(shè)計(jì)公司、靜態(tài)網(wǎng)站、電子商務(wù)、動(dòng)態(tài)網(wǎng)站、小程序開(kāi)發(fā)

廣告

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