Detectando navegadores web desde JavaScript

  De vez en cuando necesitamos identificar el navegador web de nuestro navegante, pero usando unicamente JavaScript, ¿cómo podríamos hacerlo?. JavaScript provee el objeto navigator junto con una serie de propiedades interesantes para el mismo, a continuación te mostramos como usarlo para detectar una serie de navegadores facilmente.

    El objeto navigator tiene una serie de propiedades y funciones que nos aportan mucha información acerca del navegador del visitante actual a nuestra web, en este tutorial solo nos vamos a centrar en la propiedad userAgent que nos retorna el nombre completo del navegador, su versión y sistema operativo sobre el cual está funcionando (si deseas conocer el resto de propiedades del objeto puedes visitar esta web para más información).

  Pues bien, lo único que tenemos que hacer es buscar los nombres del navegador a identificar en la cadena retornada por userAgent, así pues si encontramos la palabra "chrome", muy probablemente el visitante se encuentre usando en navegador Chrome, pero esto no es definitivo, es por ello que las siguientes funciones para detectar Internet Explorer, Opera, Safari, Chrome y Firefox son mucho más precisas, todas las funciones retorna la bandera true|false para especificar si se trata o no del navegador a investigar.

---

<script language="JavaScript">

alert("Es Internet Explorer=" + isInternetExplorer().toString());
alert("Es Opera=" + isOpera().toString());
alert("Es Safari=" + isSafari().toString());
alert("Es Chrome=" + isChrome().toString());
alert("Es firefox o similar=" + isFirefoxSimilar().toString());

function isInternetExplorer()
{
 
  if(navigator.userAgent.toLowerCase().indexOf("msie") >= 0 || navigator.userAgent.toLowerCase().indexOf("trident") >= 0)
    return true;
  else
    return false;
   
}

function isOpera()
{
 
  if(navigator.userAgent.toLowerCase().indexOf("opera") >= 0 || navigator.userAgent.toLowerCase().indexOf("presto") >= 0)
    return true;
  else
    return false;
   
}

function isSafari()
{
 
  if(navigator.userAgent.toLowerCase().indexOf("safari") >= 0 && navigator.userAgent.toLowerCase().indexOf("chrome") < 0)
    return true;
  else
    return false;
   
}

function isChrome()
{
 
  if(navigator.userAgent.toLowerCase().indexOf("safari") >= 0 && navigator.userAgent.toLowerCase().indexOf("chrome") >= 0)
    return true;
  else
    return false;
   
}

function isFirefoxSimilar()
{
 
  if(navigator.userAgent.toLowerCase().indexOf("firefox") >= 0)
    return true;
  else
    return false;
   
}

</script>

Procedencia de las imágenes:

File: Logos de Navegadores Web URL: https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhhjn01Nk66o25FC3zy_UCzDm0ngzQ9EyFZ3vrxZ-pL2WrdDH8Do1r9qLdbgt6adlAb-PLRim7by33ZathPjuQXncMiROILFKNmWZQA1_kLRAm8zNWgVds2wEs6-Xlv5KWnUDO2CiYYe4g/s1600/Navegadores+Web.png Licencia: Creative Commons

¿Te gustó este post?, entonces si lo deseas puedes apoyarnos para continuar con nuestra labor, gracias.

---