咏怀诗
学习+实践+记录=成长
posts - 11,comments - 3,trackbacks - 0

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

  X-UA-Compatible是IE8的一个专有<meta>属性,它告诉IE8采用何种IE版本去渲染网页,在html的<head>标签中使用。可以在微软官方文档获取更多介绍。 

1.X-UA-Compatible

  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。
posted on 2017-12-12 21:45 咏怀诗 阅读(...) 评论(...) 编辑 收藏