学习笔记：发现一个IE版本判断的好方法_html/css_WEB-ITnose

来源：动视网责编：小采时间：2020-11-27 16:12:47

学习笔记：发现一个IE版本判断的好方法_html/css_WEB-ITnose

学习笔记：发现一个IE版本判断的好方法_html/css_WEB-ITnose:web开发就不得不面对浏览器兼容性问题，特别是IE的兼容问题。在前端代码中经常要处理一些兼容格式，为了解决这个问题网上找了找识别浏览器版本的方法。常规js方法找到一个方法，还不错，可以识别出各种浏览器的版本： /** * 获取浏览器版本 *

推荐度：

点击下载本文 文档为doc格式

导读学习笔记：发现一个IE版本判断的好方法_html/css_WEB-ITnose:web开发就不得不面对浏览器兼容性问题，特别是IE的兼容问题。在前端代码中经常要处理一些兼容格式，为了解决这个问题网上找了找识别浏览器版本的方法。常规js方法找到一个方法，还不错，可以识别出各种浏览器的版本： /** * 获取浏览器版本 *

web开发就不得不面对浏览器兼容性问题，特别是IE的兼容问题。在前端代码中经常要处理一些兼容格式，为了解决这个问题网上找了找识别浏览器版本的方法。

常规js方法

找到一个方法，还不错，可以识别出各种浏览器的版本：

/** * 获取浏览器版本 * @returns {Array} */function browserVersion() { ua = navigator.userAgent; ua = ua.toLocaleLowerCase(); if (ua.match(/msie/) != null || ua.match(/trident/) != null) { browserType = "IE"; //哈哈，现在可以检测ie11.0了！ browserVersion = ua.match(/msie ([\d.]+)/) != null ? ua.match(/msie ([\d.]+)/)[1] : ua.match(/rv:([\d.]+)/)[1]; } else if (ua.match(/firefox/) != null) { browserType = "火狐"; } else if (ua.match(/opera/) != null) { browserType = "欧朋"; } else if (ua.match(/chrome/) != null) { browserType = "谷歌"; } else if (ua.match(/safari/) != null) { browserType = "Safari"; } var arr = new Array(browserType, browserVersion); return arr;}

在代码中直接使用也比较简单了。

IE的条件注释

在一次偶然的机会看网金社的前端代码，发现一段很特别的注释：

这个貌似有点神奇，看代码的意思是一个跳转，但显示是注释的语句，于是抱着试一试的态度将浏览器切换到IE低版本，果然是有效果的。赶紧网上开始找这方面的资料，有一些用法说明，看来确实是可行的方案。

条件注释属性：

gt : greater than，选择条件版本以上版本，不包含条件版本

lt : less than，选择条件版本以下版本，不包含条件版本

gte : greater than or equal，选择条件版本以上版本，包含条件版本

lte : less than or equal，选择条件版本以下版本，包含条件版本

! : 选择条件版本以外所有版本，无论高低

用法：

用于 IE