当前位置: 代码迷 >> Web前端 >> 六 bytes判定IE浏览器 在创世界最短纪录
  详细解决方案

六 bytes判定IE浏览器 在创世界最短纪录

热度:365   发布时间:2012-11-05 09:35:12.0
6 bytes判定IE浏览器 在创世界最短纪录
以前在网上看过一文章讲述国外的脚本高手是如何把IE浏览器的判定从32 bytes一步步缩简成最短的7 bytes字符的故事。该代码是通过利用IE浏览器不支持垂直制表符的特性来判定当前的浏览器是否是IE,var ie = !+”\v1″;  然而这个世界纪录在今年的1月8日又被一个俄国人给打破了,判定IE浏览器又缩小了1 bytes,只需要6 bytes的字符即可显示判定IE!它利用了IE与标准浏览器在处理数组的toString方法的差异做成的。

   var ie = !-[1,];
   alert(ie);

[1,]在标准浏览器会返回字符串”1″,相当于调用[1,].toString,
,IE则返回”1,”。但是这样IE与标准都会通过检测,因此使用负号强制转换为数字,标准能成功转换为1,1会在if中自动转换为true,而IE则转换为NaN,再自动转换为false!

如果从非IE的角度判定,可以省一个比特,因为我们做兼容时,绝大多数情况都是IE与非IE的开工。

演示代码:

var notIE = -[1,];
if(-[1,]){
     alert(”这不是IE浏览器!”);
}else{
     alert(”这是IE浏览器!”);
}

经测试,发现这段只有1才能起到作用,无论是0还是2都不起作用。难倒if(-2)被Javascript认为是非法?C里面可是合法的。
测试所用浏览器分别为IE8和Opera10。

下面收集一些判定IE浏览器各个版本的方法,主要使用IE各个阶段实现的一些方法,我们从这些IE判断中也可以用另一种视角来看IE的发展史。暂时提供到IE4的判定。

var isIE = window.ActiveXObject;
var isVersion = document.querySelectorAll ? 8.0 :
               
window.XMLHttpRequest  ? 7.0 :
               
document.compatMode    ? 6.0 :
           
(0).toFixed                    ? 5.5 :
               
document.getElementById? 5.0 :
                
document.all                  ? 4.0 :0;
IE5支持getElementById真是一个伟大的创举。新事物的出现总是引起话题,想起我的javascript启蒙书《Javascript DOM编程艺术》,里面的代码总是少不了判定是否支持getElementById……从此IE5走向辉煌,把网景推向地狱的深渊。IE5发布于1998年9月,从此所有主流浏览器都支持getElementById。

网上找到让IE4支持getElementById的代码,javascript的动态解析立功了。

var ie4=document.all && !document.getElementById;
if(ie4) {

document.getElementById = new Function(’var expr = /^\\w[\\w\\d]*$/, elname=arguments[0]; if(!expr.test(elname)) { return null; } else if(eval(”document.all.”+elname)) { return eval(”document.all.”+elname); } else return null;’)
}
还有getElementsByTagName的实现:

function ie_getElementsByTagName(str) {
if (str==”*”)
return document.all
else
return document.all.tags(str)
}

if (document.all)
document.getElementsByTagName = ie_getElementsByTagName

很明显如果这些方法得到内置的原生支持,工作效率会大大提升,像jQuery的选择器之于querySelectorAll。IE5可能是当年内置方法与私有实现最多的浏览器,因此它赢得很彻底(抛开捆绑的原因)。内置方法越多,那么对于创建类库的工作就越轻松,从那时开始javascript的类库也多起来了。时至今日,javascript挟以jQuery的东风,越来越受到人重视。加之,西方人对后端javascript的研究,W3C许多惊人的草案的实现,微软加快对标准的支持,谷歌V8的javascript引擎与OS的咄咄逼人,我们一同期待IE9盛世的到来吧。
  相关解决方案