有些东西你想让它长它并不一定就会如愿,但是有一些东西你想让它短也并不一定就会如愿,这两者都要看你的本事。对于我等IT民工来说,自然是代码写得越短越好。
你知道,IE是个脑残儿浏览器,不管是什么版本,纵使版本号越来越大,可总是让人觉得这玩意儿跟标准老是扯不上暧昧。可是,你知道,只要世上还有 windows 操作系统,IE就永生不灭,阿门。对于代码工作者来说,自然是苦不堪言,为了考虑IE的兼容问题,不管是写 CSS 还是 JS,往往都要对 IE 特别对待,这就少不了做些判断。本文不讨论如何区分 IE 的样式,仅是 JS 判定 IE 浏览器。
这个目前世界上最短的 Javascript 判定 IE 浏览器的方法来自一个俄人,又是俄人!它已经在各版本的 IE 以及目前其他流行的浏览器上经过测试,基于 IE 的 Bug,微软虽然已经意识到,但是从来没有纠正过。
<script type='text/javascript'> var ie = !-[1,]; alert(ie); </script> |
以上代码运行结果:IE 下返回true,其他标准浏览器返回false。!-[1,],仅仅只有 6 bytes!
不过如果反过来判断,标准浏览器返回 true 而 IE 返回 false的话,则可以再缩短一个byte。
<script type='text/javascript'> notIe = -[1,]; if(-[1,]){ // 标准浏览器代码 }else{ // IE Only的代码 } </script> |
看完了这些,你们是不是很好奇这些是怎么运行的?请继续看下文。
这个 Bug 产生的原因是 IE 会添加一个空数组元素到数组元素的总数里。
[1,]. Length |
标准浏览器会返回 1 (基于标准的 ECMAscript ,在数组最后的逗号”,”会被忽略,这是为了方便在一列里显示以及自动生成等),但是 IE 会返回 2。当你打印这个数组的时候 IE 将会返回 “1, “,也就是两个元素,而其他标准浏览器将会返回 “1”。
这很容易验证,比如在 IE 和 FF中运行以下代码:
<script type='text/javascript'> alert([,]==','); //这是8个字符判定IE </script> |
[1,]实际上浏览器的操作是toString()转换成字符串的操作,-[1,]是将字符串强制转换为数字。而 IE 将会返回 NaN,但是遗憾的是 NaN 并不是一个数字,因为[1,]转换成字符串后的”1,”里面带有逗号。而其他标准浏览器会返回 -1,这是一个非 0 的数字。
你知道,NaN 转换成 Boolean 型将返回 false,所以-[1,]在 IE 下将返回 false。而任何非 0 的数字转换成 Boolean 型(例如-1),在 标准浏览器下都将返回 true。所以我们得到了一个判定结果,!-[1,]在 IE 下返回true,而在其他标准浏览器下返回 false。也就达到了区分判定 IE 浏览器的目的。
当然,如前文所说,这个 Bug 其实微软很早就已经知道,但是却一直没有去修复它,所以在未来的 > IE8 的 IE 浏览器也就不确定是否依旧可以,不过基本上这么多代的 IE 都没有修复,未来的 IE 也不太会去修复的样子。
以下是其他的一些区分判定 IE 浏览器的代码,也可以参考下:
<script type='text/javascript'> // 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"; </ script> |
参考文章:
Самое короткое определение IE
32 bytes, ehr … 9, ehr … 7!!! to know if your browser is IE
就算微软修复了这个 bug … 对于我国很多用着关闭自动更新的 Windows 的同学来说也等于没有…要等到 XP 真没人用了才能淘汰老 IE 吧…
@Justice 在 360 及一些‘“舆论”的蛊惑下,即使是 Win7 也会有大量的人关掉 Windows Update。
@任平生 但是 Win 7 下面至少不会去用 IE 6 吧…其他 IE 已经比 IE 6 好太多了…
@Justice
IE6还能装上吗?
@sam 谁这么神经在Win7下装IE6啊,除非是调试用
win7快来洗涤 IE6吧!
呵呵,真够短的了,要是IE短命点更好
用PHP或者HTML条件语句来不是更好吗?
@bolo ….Javascript 里面插php代码?插html代码?
@Leeiio 我意思是PHP通过浏览器请求头信息来判断IE,或者通过HTML条件判断来做,不用JavaScript
@bolo JavaScript对于IE 和 其他标准浏览器在处理上是有些不同的,这里只是前端代码的区分,而且又不是所有的页面都是php的。而如果用IE 条件判断的html的话代码就要写两份,有冗余。
@Leeiio 嗯,这样的话你介绍的方法只适合用作判断是否让IE执行后面的JavaScript了
@bolo 对,仅仅是前端代码,不配合后台其其他代码。
@bolo
额。。好奇地问下,HTML条件语句怎么判断?
@sam
<!–[if !IE]> 除IE外都可识别
<!–[if IE]> 所有的IE可识别 < ![endif]-->
<!–[if IE 5.0]> 只有IE5.0可以识别 < ![endif]-->
<!–[if IE 5]> 仅IE5.0与IE5.5可以识别 < ![endif]-->
<!–[if gt IE 5.0]> IE5.0以上版本都可以识别 < ![endif]-->
<!–[if IE 6]> 仅IE6可识别 < ![endif]-->
<!–[if lt IE 6]> IE6以下版本可识别 < ![endif]-->
<!–[if gte IE 6]> IE6以及IE6以上版本可识别 < ![endif]-->
<!–[if IE 7]> 仅IE7可识别 < ![endif]-->
<!–[if lt IE 7]> IE7以下版本可识别 < ![endif]-->
<!–[if gte IE 7]> IE7以及IE7以上版本可识别 < ![endif]-->
手机上网留个言
@inly 买N1 了?
囧…我完全看不懂,就算 Leeiio 同学说明了,我还是不懂…泪奔 😥
果然很短,对我这种每次都被代码弄得头晕晕的人来说,真的是轻松了许多。
一般在HTML里都用那个if lte IE…JavaScript就不了解了
Pingback: 最短的 IE 判定 Xu Design
一般都会把IE的判断放到底层的脚本库里 不会在用的时候每次都要写这个判断了
是够短啊,呵呵.
语句的确很简练,我使用火狐时候多些,偶尔打开ie8。
兄弟们上啊,把IE干掉 ~ 😳
Pingback: Tweets that mention 全世界最短的 JavaScript 判定 IE 浏览器!这个可以短! - Leeiio Chaos Made. -- Topsy.com
这个相当好,可以扩展一下
很好的技术文,支持!
不过用了jquery框架,也很少关注跨浏览器的事了,主要还是在CSS上
@neekey 你的主题现在很淳朴。
IE还是给干不掉,汗!
@番薯窝 只要windows还活着。
在做web前台开发的时候,多希望所有的人,都用firefox.
这个真的很强…
虽然用不到 但对JS不怎么喜欢
❗ ❗
这个不错哦,测试下先
IE好个性哦 💡
你真的很强大,可惜我不怎么会JS。。。。
Pingback: 从数组BUG 判断IE浏览器 – im Png
绝对不误杀漏杀IE的方法…是用vbscript破坏页面结构…
Pingback: CrBoy - 瘋狂世界 » 用JavaScript判定瀏覽器是否為IE
😕 今天要用到,所以通过GG我又滚回来了>_<
ie9 pp里面已经失效了呢……
@Belleve Invis 看來已經修復了
很深刻的剖析了ie和其他浏览器处理[1,]的差异,
虽然IE⑨失效了,但是IE⑨已经比较标准了,基本FF能兼容的,IE⑨都能兼容了吧。能识别出IE⑨以下的,一般也就达到目的了····多谢分享,受教了···
I like what you guys are up too. Such smart work and reporting! Keep up the excellent works guys I have incorporated you guys to my blogroll. I think it’ll improve the value of my site :).
Pingback: 最短的 IE 判定 - Xu.Design
Pingback: 最短的 IE 判定