X-UA-Compatible 學習

文檔:https://www.modern.ie/en-us/performance/how-to-use-x-ua-compatiblehtml

X-UA-Compatible是IE8的一個專有<meta>屬性,它告訴IE8採用何種IE版本去渲染網頁,在html的<head>標籤中使用。能夠在微軟官方文檔獲取更多介紹。

1.X-UA-Compatiblechrome

X-UA-Compatible是自從IE8新加的一個設置,對於IE8如下的瀏覽器是不識別的。 經過在meta中設置X-UA-Compatible的值,能夠指定網頁的兼容性模式設置。

  在網頁中指定的模式優先權高於服務器中(經過HTTP Header)所指定的模式。 兼容性模式設置優先級:

  meta tag > http header

經常使用例子:瀏覽器

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

  以上代碼告訴IE瀏覽器,不管是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面。  

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

  以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。  

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

  以上代碼告訴IE瀏覽器,IE8/9及之後的版本都會以最高版本IE來渲染頁面。  

  <meta http-equiv="X-UA-Compatible" content="IE=7,IE=9">  

  <meta http-equiv="X-UA-Compatible" content="IE=7,9">  

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

  以上代碼IE=edge告訴IE使用最新的引擎渲染網頁,chrome=1則能夠激活Chrome Frame.

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

  以上代碼告訴IE瀏覽器,不管是否用DTD聲明文檔標準,IE8/9都會以IE7引擎來渲染頁面。  

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

  以上代碼告訴IE瀏覽器,IE8/9都會以IE8引擎來渲染頁面。  

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

  以上代碼告訴IE瀏覽器,IE8/9及之後的版本都會以最高版本IE來渲染頁面。  

  <meta http-equiv = "X-UA-Compatible" content = "IE=7,IE=9" >   

  <meta http-equiv = "X-UA-Compatible" content = "IE=7,9" >   

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

  以上代碼IE = edge告訴IE使用最新的引擎渲染網頁,chrome = 1則能夠激活Chrome Frame .

2.content = "IE=Edge,chrome=1"服務器

Meta信息中經常使用的一句:

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

  這裏的chrome=1不是說IE的技術加強了能夠模擬Chrome瀏覽器,而是與谷歌開發的Google Chrome Frame(谷歌內嵌瀏覽器框架GCF)有關。這個插件能夠讓用戶的IE瀏覽器外觀不變,但用戶在瀏覽網頁時實際上使用的是Chrome的內核,而且支持Windows XP及以上系統的IE6/7/8。
相關文章
相關標籤/搜索