Reconociendo el Navegador

   Siempre es de ventaja reconocer el navegador esta utilizando el usuario, sobre todo si se trata de un sitio donde no todos los elementos son compatibles, por ejemplo, si tenemos dos script's que hacen lo mismo pero con códigos diferentes para cada navegador.

   Para ello tenemos un método que toma el "Nombre" del navegador, es "navigator.appName", y es muy útil para ocultar errores que se muestran en IE y acomodar nuestro sitio según el navegador que utilice el usuario.


    Aquí un ejemplo sencillo:

   

   Aquí el código:

if (navigator.appName.indexOf("Explorer") != -1) {
alert('Estas usando IE'); 
} else {
alert('No estas usando IE'); 
}

   Recordemos que esto debe dentro de las etiquetas script y /script. La razón de utilizar el "indexOf" es porque vamos a verificar que el nombre contiene Explorer, para evitar problemas y no comprobar letra por letra del nombre que se obtiene.

   También podemos almacenar el nombre en una variable y mostrarla al usuario.

   El código es:

var nombre = navigator.appName; 
alert('Estas usando '+nombre);

   También podemos utilizar distintos if - else para distintos navegadores, solo debemos cambiar el "Explorer" por "Mozilla", "NetScape", "Opera", o cualquier otro.

2 Comentarios

Escribir Comentario
Miguel Matos
AUTOR
11 de mayo de 2017, 9:08 delete

Sé que esto puede ser algo antiguo, pero también se puede mejorar el uso.
¿Qué tal esto, en lugar de "utilizar distintos if - else para distintos navegadores", poder hacer uso del switch-case para cada tipo de navegador? E incluso poder asignar funciones que se llamen como los navegadores. En ese caso, un switch(navegador) detecta un nombre de "Chrome", pasa al case "Chrome", y ejecuta la función usaChrome();, y así. Por default, se puede asingar si y solo si es Internet Explorer (y detecte que es inferior a 8)

Responder
avatar
11 de mayo de 2017, 11:00 delete

Si puedes, sin embargo recuerda que no debes depender únicamente del case ya que hay bases, por ejemplo NetScape que lo utilizan de base muchos navegadores como FireFox, que a su vez lo utilizan otros como IceWeasel (basado en FF)....

Responder
avatar

Lamentablemente hay muchos usuarios en la red que han llegado al blog para escribir obscenidades, así que la moderación se hace necesaria. Recuerda utilizar un lenguaje correcto y espera a que sea aprobado.

Si necesitas publicar código haz click en "Conversión" para hacerlo legible.
ConversiónConversión EmoticonEmoticon