admin管理员组文章数量:1620170
对于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://www.elefans.com/xitong/1728809735a1174644.html, 本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容,一经查实,本站将立刻删除。
发表评论