¿Cuál es la mejor forma de detectar Internet Explorer 6 usando JavaScript?

Question

¿Cuál es la mejor forma de detectar Internet Explorer 6 usando JavaScript?

If browser == IE6 { 
    alert('hi'); 
} 

Answer 1

comentarios condicionales son una buena alternativa:

<!--[if IE 6]> 
<script> 
var everythingIsBroken = true; 
</script> 
<![endif]--> 

Editar: Si todavía está buscando para apoyar el IE 6 en 2017 o después. .. bueno, mi corazón está contigo. La respuesta a esta pregunta en 2017 es realmente no preocuparse por IE 6. Ya no es un navegador compatible. Cualquier sistema operativo que pueda ejecutar este navegador y el propio navegador ya no recibe actualizaciones de seguridad. Esto significa que los usuarios que usan este software corren un gran riesgo de ser explotados. Este es un gran problema para las personas que no pueden darse el lujo de actualizar.

Answer 2

var ua = window.navigator.userAgent; 
    var msie = ua.indexOf ("MSIE "); 

    if (msie > 0)  // If Internet Explorer, return version number 
    return parseInt (ua.substring (msie+5, ua.indexOf (".", msie))); 
    else     // If another browser, return 0 
    return 0; 

Fuente: http://support.microsoft.com/kb/167820

Answer 3

No base su detección en el agente de usuario. Hay muchos otros navegadores que usan el motor Trident 4 (el que usa IE6) que no son IE6.

La respuesta es sencilla: no detectan el navegador , detectar el motor . Para hacer eso, debe usar lo que se llama detección basada en características.

---

Uso de la detección basada característica tiene las siguientes ventajas:

• detecta todos los navegadores utilizando motor de representación similar a objetivo.
• Codificación de código más fácil para evitar problemas de un motor de renderizado.
• Menos falsos positivos (los UA pueden modificarse para pasar como otro navegador, las características no pueden).

La siguiente secuencia de comandos utiliza las características del navegador para detectar el motor. Crédito al equipo de producción de MooTools (http://mootools.net/developers/).

Nota: El siguiente fragmento se ha modificado para funcionar sin el marco de JavaScript MooTools. Si desea trabajar con MooTools, ya no necesita este código, es parte de la distribución.

function $tryCatch(){ 
    for (var i = 0, l = arguments.length; i < l; i++){ 
     try { 
      return arguments[i](); 
     } catch(e){} 
    } 
    return null; 
}; 

var Browser = { 

    Engine: {name: 'unknown', version: 0}, 

    Platform: {name: (window.orientation != undefined) ? 'ipod' : (navigator.platform.match(/mac|win|linux/i) || ['other'])[0].toLowerCase()}, 

    Features: {xpath: !!(document.evaluate), air: !!(window.runtime), query: !!(document.querySelector)}, 

    Plugins: {}, 

    Engines: { 

     presto: function(){ 
      return (!window.opera) ? false : ((arguments.callee.caller) ? 960 : ((document.getElementsByClassName) ? 950 : 925)); 
     }, 

     trident: function(){ 
      return (!window.ActiveXObject) ? false : ((window.XMLHttpRequest) ? ((document.querySelectorAll) ? 6 : 5) : 4); 
     }, 

     webkit: function(){ 
      return (navigator.taintEnabled) ? false : ((Browser.Features.xpath) ? ((Browser.Features.query) ? 525 : 420) : 419); 
     }, 

     gecko: function(){ 
      return (!document.getBoxObjectFor && window.mozInnerScreenX == null) ? false : ((document.getElementsByClassName) ? 19 : 18); 
     } 

    } 

}; 

Browser.Platform[Browser.Platform.name] = true; 

Browser.detect = function(){ 

    for (var engine in this.Engines){ 
     var version = this.Engines[engine](); 
     if (version){ 
      this.Engine = {name: engine, version: version}; 
      this.Engine[engine] = this.Engine[engine + version] = true; 
      break; 
     } 
    } 

    return {name: engine, version: version}; 

}; 

Browser.detect(); 

Browser.Request = function(){ 
    return $tryCatch(function(){ 
     return new XMLHttpRequest(); 
    }, function(){ 
     return new ActiveXObject('MSXML2.XMLHTTP'); 
    }, function(){ 
     return new ActiveXObject('Microsoft.XMLHTTP'); 
    }); 
}; 

Browser.Features.xhr = !!(Browser.Request()); 

Browser.Plugins.Flash = (function(){ 
    var version = ($tryCatch(function(){ 
     return navigator.plugins['Shockwave Flash'].description; 
    }, function(){ 
     return new ActiveXObject('ShockwaveFlash.ShockwaveFlash').GetVariable('$version'); 
    }) || '0 r0').match(/\d+/g); 
    return {version: parseInt(version[0] || 0 + '.' + version[1], 10) || 0, build: parseInt(version[2], 10) || 0}; 
})(); 

function $exec(text){ 
    if (!text) return text; 
    if (window.execScript){ 
     window.execScript(text); 
    } else { 
     var script = document.createElement('script'); 
     script.setAttribute('type', 'text/javascript'); 
     script[(Browser.Engine.webkit && Browser.Engine.version < 420) ? 'innerText' : 'text'] = text; 
     document.head.appendChild(script); 
     document.head.removeChild(script); 
    } 
    return text; 
}; 

basta con incluir esta clase de JavaScript y se puede detectar IE6 y cualquier otro navegador usando el motor trident4 de la siguiente manera:

if(Browser.Engine.trident4) { 
    alert('IE6 or similar...'); 
} elseif(Browser.Engine.name == "trident") { 
    alert('Internet Explorer Trident Rendering Engine Version ' + Browser.Engine.version); 
} 

Answer 4

¿Cuál es la mejor manera de detectar <browser_x> usando JavaScript?

By not.

Como ha mencionado Andrew Moore en los comentarios de esta publicación, debería utilizar la detección de características. Esto hará que su código sea más "a prueba de futuro".Si otro navegador incluye o ya no admite una función en el futuro, entonces su código estará seguro. Hay varios sitios que explican cómo manejar esto. El concepto es enorme y abarca una gran cantidad de conceptos, por lo que en lugar de escribir un ensayo/libro sobre esto, he aquí algunos recursos a utilizar:

• Object Detection (empezar aquí)
• Feature Detection (o comenzar aquí)
• Browser detection vs Object Detection
• jQuery.support - Excelente manera de verificar las características si ya tiene jQuery incluido en una página.

Answer 5

No estoy seguro de si hay un motivo especial por el que desea detectar IE 6 pero, en general, es mejor tratar de detectar las características del navegador en lugar de detectarlo. Puede hacerlo fácilmente con JQuery utilizando jQuery.support: http://api.jquery.com/jQuery.support/.

Answer 6

En realidad el riesgo de responder a la pregunta que se hizo (y suponiendo por un momento el autor de la pregunta tiene una buena razón para detectar específicamente IE6):

if (/\bMSIE 6/.test(navigator.userAgent) && !window.opera) { 
    // yep, browser claims to be IE6 
} 

Answer 7

además muy tarde.

Además de los comentarios condicionales HTML utilizados en apphacker's answer, JScript aplicación de Microsoft también proporciona conditional comments for JavaScript:

<script type="text/javascript"> 
    var isIE6 = /*@cc_on/*@if(@_jscript_version<=5.6)1@else@*/0/*@end@*/; 

    if (isIE6) { 
     alert("You're screwed"); 
    } 
</script> 

Lo bueno es que también se puede utilizar en los archivos JavaScript externos (.js).

Para una tabla que enumera la versión de JScript que son implementados por las aplicaciones host de Microsoft: JavaScript Version Information

Answer 8

La forma más confiable de hacer esto es utilizar los comentarios condicionales, como se ha mencionado por @apphacker. Sin embargo, algo que es aparentemente menos conocido es que los comentarios condicionales se pueden utilizar en JavaScript:

var div = document.createElement("div"); 
div.innerHTML = "<!--[if IE 6]><i></i><![endif]-->"; 
var isIe6 = (div.getElementsByTagName("i").length == 1); 

alert("Is IE 6: " + isIe6); 

Answer 9

<!--[if (IE 6)|(IE 7)]> 
<script> 
    alert("Lesser browser detected!"); 
</script> 
<![endif]-->