IE条件注释,嗅探低版本IE用户,并引导升级

一、科普IE条件注释

IE条件注释功能是条件注释是IE特有的一种功能,能对IE系列产品进行单独的XHTML代码处理,注意,主要是针对XHTML,而非CSS。条件注释功能非常强大,可以进行true和false判断

最大好处:IE条件注释 属于微软官方给出的兼容解决办法而且还能通过W3C的效验。


上个栗子:


语句的意思是:IE8浏览器下,引入my.css文件。其他版本IE浏览器,if判断为flase,则不引入。


关键词解释

lt :Less than的简写,小于。
lte :Less than or equal to的简写,小于或等于。
gt :Greater than的简写,大于。
gte:Greater than or equal to的简写,大于或等于。
!:不等于。

二、引导升级实现

1)嗅探低版本小于IE9的用户


2)强制跳转页面的js


3)双剑合并


三、优化升级

在实际使用场景中,用户升级浏览器后,可能会复制kill-IE.html的页面url进行第二次访问。
 这就带来一个问题:用户怎么刷新,还是停留在kill-IE.html这个页面。

kill-IE.html






kill-IE


    

推荐浏览器: Google浏览器

解决方法:

kill-IE.html页面,判断当前浏览的是不是低版本浏览器,不是的话,自动跳转回访问之前的页面或者首页。

1)记录跳转kill-IE.html之前,所在页面的url

将url作为一个参数值,添加在跳转链接上


2)修改kill-IE.html
 修改kill-IE.html的处理逻辑,增加判断当前浏览器是否为低版本浏览器,如果不是低版本的浏览器,则不需要停留在当前页面。

跳转重定向解决方式:
 获取当前href的url参数。
 如果有,则进行跳转。
 没有该参数,则默认跳转回主域名。

在线演示:https://wall-wxk.github.io/blogDemo/2017/01/20/kill-IE.html
 模拟访问来源是百度:https://wall-wxk.github.io/blogDemo/2017/01/20/kill-IE.html?url=http%3A%2F%2Fwww.baidu.com






kill-IE






  

推荐浏览器: Google浏览器


完美解决! _ Y


喜欢我文章的朋友,扫描以下二维码,关注我的个人技术博客,我的技术文章会第一时间在博客上更新

点击链接wall的个人博客

IE条件注释,嗅探低版本IE用户,并引导升级_第1张图片
wall的个人博客

你可能感兴趣的:(IE条件注释,嗅探低版本IE用户,并引导升级)