使用Google Chrome Frame（谷歌浏览器内嵌框架）解决低版本IE不兼容问题

对于web开发最头疼的当然是兼容性问题，尤其是兼容IE8以下版本，很多的便捷的新功能就都用不了，为了解决这类的问题我总结了两种比较好的方法。

使用条件注释

• 使用条件注释加script标签选择IE版本小于9的浏览器自动立即跳转

  <!--[if lt IE 9 ]>
  <script>window.location.href="http://outdatedbrowser.com/en";</script>
  <![endif]-->

• 使用条件注释加meta标签选择IE版本小于9的浏览器自动在3秒延迟之后自动跳转

<!--[if lt IE 9 ]>
<meta http-equiv=refresh content="3; URL=http://outdatedbrowser.com/en">
<![endif]-->

以上这句meta标签还经常用于安全登陆。当用户输入了错误的用户名或密码会自动在几秒后跳转页面，防止了通过浏览器抓包进行SQl注入分析的可能。

使用X-UA-Compatible

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

先上代码，以上这句meta标签的意思是默认使用Google Chrome Frame（谷歌浏览器内嵌框架），这是谷歌的一款专门解决IE浏览器兼容问题的神器，当用户通过IE访问的页面加入这句代码，将会以Chrome内核的渲染方式浏览网页。

不得不提的一点是这个神器只兼容IE8以及IE8以上的版本，所以配合条件注释基本可以解决低浏览器的兼容问题啦。

END