Detectar el navegador

Problema:

Como saber qué navegador se está usando para ver mi página web.

Hoy día hay una gran estandarización en la respuesta de los distintos tipos de navegadore.

Pero puede ser necesario que quieras saber que navegador están usando tus visitantes, bien sea para scriptis o simplemente por estadística.

Solución

Usar el objeto window.navigator, y examinar su propiedad userAgent

El navegador tiene una firma bastante compleja que incluye versióny nombre.

Esta información se guarda en el objeto windoe.navigator, concretamente en la propiedad userAgent, analizando su cotnenido podemos averiguar que navegador está siendo usado para ver nuestra página

Importante mantener el orden de identificación. Chrome contiene las firma de Safari, y opera contiene además las firmas de chrome y safari.

Ejemplo

Todo el navegador es un objeto para Javascript. Así que miramos la propiedad window.navigator.userAgent. Mantén el orden de comprobaciones:

<script language="Javascript">

var browser, usrAg = navigator.userAgent;

usrAg = usrAg.toLowerCase();

switch (true){

    case (usrAg.indexOf("edg/") > -1)

        browser = "Microsofot Edge";

        break;

    case (usrAg.indexOf("safari") > -1)

        browser = "Apple Safari";

        break;

    case (usrAg.indexOf("chrome") > -1)

        browser = "Google chrome";

        break;

    case (usrAg.indexOf("opr") > -1)

        browser = "Opera";

        break;

    case (usrAg.indexOf("firefox") > -1)

        browser = "Mozilla Firefox";

        break;

    case (sUsrAg.indexOf("msie") > -1)

        browser = "Microsofot Explorer";

        break;

defaul:

       browser = "Desconocido"

}

console.log("Su navegador es "+browser);

</script>