X-UA-Compatible 学习

时间 2019-12-02

标签 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。