Detectar navegador IE


Empezaremos el artículo no recomendandolo; usar la técnica de detectar el navegador para habilitar/deshabilitar funcionalidades es una mala practica. En su lugar es recomendable utilizar librerías que nos detectan las funcionalidades y no dependen del navegador. De esta manera nos aislamos de las mejoras y cambios que puedan surgir con nuevas versiones de los navegadores. En este caso recomendamos el uso de Modernizr.

Por ejemplo, el navegador soporta vídeo en formato h264

if (Modernizr.video.h264 == "") {
    // dosen't support h264
}

En alguna ocasión la librería no nos retorna información sobre una determinada funcionalidad. Por ejemplo si el navegador soporta Active X. A continuación se describen diferentes tácticas:

1.- Tags de Comentarios HTML

Internet Explorer hasta su versión 9 incorpora tags condicionales en los comentarios .

<!--[if !IE]><!-->
This text dosen't view on other Browers and Internet Explorer Browser IE10 or greater
<!--<![endif]-->

<!--[if IE]>
This text only view on Internet Explorer Browser IE9 and earlier
<![endif]-->

2.- Analizar el userAgent del object navigator del Navegador

    var ua = window.navigator.userAgent;
    var msie = ua.indexOf('MSIE ');  //IE10 and earlier
    var trident = ua.indexOf('Trident/'); //IE11
 if ((msie>0) || (trident>0))
     alert('Show on Internet Explorer');
 else 
     alert('Show on other Browser');

JQuery hasta la versión 1.9 tenia una llamada en su API para detectarlo Drecated en jquery 1.9 ($.browser.msie). Pero ya esta deprecada y no funciona para IE11.

3.- Detectar si soporta Active X (solo soportado por Internet Explorer)

        var isIE = "ActiveXObject" in window;    
        if (isIE)
           alert('Show on Internet Explorer');
        else
           alert('Show on other Browser');

En Servidor hay un método en .NET para determinar si el Active X esta soportado (Request.Browser.ActiveXControls) pero para IE11 no funciona.

Anuncios
Esta entrada fue publicada en javascript, Uncategorized y etiquetada . Guarda el enlace permanente.

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s