admin管理员组

文章数量:1620173

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

使用条件注释

  • 使用条件注释加script标签选择IE版本小于9的浏览器自动立即跳转
  <!--[if lt IE 9 ]>
  <script>window.location.href="http://outdatedbrowser/en";</script>
  <![endif]-->
  • 使用条件注释加meta标签选择IE版本小于9的浏览器自动在3秒延迟之后自动跳转
<!--[if lt IE 9 ]>
<meta http-equiv=refresh content="3; URL=http://outdatedbrowser/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

本文标签： 内嵌不兼容框架浏览器版本

版权声明：本文标题：使用Google Chrome Frame（谷歌浏览器内嵌框架）解决低版本IE不兼容问题 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://m.elefans.com/xitong/1728809735a1174644.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。