X-UA-Compatible详解

2018-11-12
学习笔记

什么是X-UA-Compatible

X-UA-Compatible 是在meta标签中用来设置IE浏览器渲染方式的一个属性。

为什么需要X-UA-Compatible？

在IE8刚推出的时候，很多网页由于重构的问题，无法适应较高级的浏览器。所以从IE8开始，增加了X-UA-Compatible属性用来强制浏览器按照指定的版本标准进行渲染。

X-UA-Compatible值怎么写？

  • IE=7 这个值表明强制浏览器以IE7标准渲染。
  • IE=Edge 这个值强制浏览器以最新的IE版本标准渲染。
  • chrome=1 这个值与Google Chrome Frame(谷歌内嵌浏览器框架GCF)有关，设置后如果浏览器安装了GCF，则会使用chrome内核来渲染。
<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=Edge,chrome=1">
#以上代码IE=edge告诉IE使用最新的引擎渲染网页，chrome=1则可以激活Chrome Frame。