Menubar

lunes, 25 de enero de 2016

Detectando navegadores web desde JavaScript

Por J. Manuel Mar H. Editar
Compartir en Facebook
Compartir en Twitter
Compartir en MeWe
Enviar a Reddit
Guardar en Internet archive
Guardar en  archive.today
Enviar por email
Logos navegadores web  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.



Licencia de Creative Commons Esta obra está bajo una licencia de Creative Commons Reconocimiento 4.0 Internacional, haga clic aquí para conocer más detalles.


Compartir:



Danos tu voto
Comunidad Kynamio
Directorio de blogs, ¡agrega el tuyo!
Programas para el mantenimiento de Windows
Blog de seguridad informatica