【ie浏览器版本怎么查看】超屌的js判断ie版本方法

最近的一个项目参考了华为的反应式效果，为了做好项目，华为的源代码必须从头到尾重复一遍。在切口工作已经是家常便饭了。其中发现了一些，华为

在Bootstrap布局的基础上，利用了bootstrap的幻灯片组件，还用几种二次方法添加了改造，在此过程中，接触到了另一个早期的js判断。

Ie版本的解决方案，决定共享：

JQuery是1.9之前的版本中的浏览器对象检测属性$。提供了browser，利用率非常高。

// shortest from a Russianvar ie = !-[1,]// Option from Dean Edwards:var ie = /*@cc_on!@*/false// Use the commented line:var ie//@cc_on=1// Variation (shorter variable):var ie = '\v'=='v'// Option to Gareth Hayes (former record-holder):var ie = !+"\v1"

还有一些读取naviga的方式，在苹果看来这些写法都不够友好，也不容易记忆，在搜索和挑选之后，终于找到了一个容易理解且友好方便的写法！

解决方案

IE知道自身毛病很多，于是提供的一套官方的HTML hack方式：

<!--[if IE]>

// 全部IE版本可见

<![endif]-->

<!--[if IE 6]>

// IE6可见

<![endif]-->

依次等等。

这样的写法在其它浏览器里，完全就是一坨注释而直接遭到无视，但在IE里却不会。IE会分析里面的提到的版本号，并根据版本号确定要不要解析里面的DOM 元素和文本内容。等一下！DOM元素？那岂不是可以使用js来获取里面的DOM元素？反正谁看到了，谁就是IE！于是，国外大神就有了下面的写法：

var isIE = function(){ var b = document.createElement('b')

b.innerHTML = '<!--[if IE]><i></i><![endif]-->'

return b.getElementsByTagName('i').length === 1}

这也太巧妙了！首先生成了一个b元素，设置它的innerHTML为一坨只有IE才认识的注释，注释里只有一个空的标签，然后读取里面的出现的元素i的个数是不是等于1，是不是等于1，是不是等于1。。。。

在大苹果看来，这样的写法比其它任何一种都要好。至于为什么生成一个b元素并且里面写一个i元素而不是div或者strong，更多是考虑到前者字节量更小。

检测各个IE版本的方法也就顺理成章了：

var isIE6 = function(){ var b = document.createElement('b')

b.innerHTML = '<!--[if IE 6]><i></i><![endif]-->'

return b.getElementsByTagName('i').length === 1}// var isIE7// ...

更进一步

在苹果看来，还可以进一步将版本号提取成参数，就能生成一个通用的检测IE版本的函数了：

var isIE = function(ver){ var b = document.createElement('b')

b.innerHTML = '<!--[if IE ' + ver + ']><i></i><![endif]-->'

return b.getElementsByTagName('i').length === 1}if(isIE(6)){ // IE 6}// ...if(isIE(9)){ // IE 9}

这样想检测哪个版本都毫无压力。但是，如果只想检测是不是IE，而不关心浏览器版本，那只需要在调用函数的时候，不传递参数即可。

var ie = isIE()

最后依次贴下在各大浏览器里测试代码的截图。

alert('ie6:' + isIE(6) + '\n' + 'ie7:' + isIE(7) + '\n' + 'ie8:' + isIE(8) + '\n' + 'ie9:' + isIE(9) + '\n' + 'ie:' + isIE())

切图网常年专注h5前端开发技术，关注用户体验，如果你对h5前端，响应式，微场景等该兴趣请加公众微信账号：qietuwang