Acabo de publicar Regala Google Chrome por navidad |

Identificando navegadores

By Miguel Ángel Jiménez Achinte On 22:54

Es muy común en estos días que cuando por fin hemos terminado de retocar nuestra pagina web o blog, la probemos en varios navegadores para ver como se visualiza en cada uno de ellos. El problema es que a veces los cambios son muy drásticos y seria bueno dar cierto aviso a nuestros visitantes.
La manera mas fácil de solucionarlo es con un script que nos permita identificar el navegador desde el cual se visita nuestra página y dependiendo de ello mostrar un mensaje o imagen. El siguiente script debemos ponerlo en donde queremos que aparezca el mensaje (puede ser cualquier etiqueta HTML como por ejemplo: imágenes y texto).

<script type="text/javascript">
//verifico si es internet explorer
var navegador = navigator.appName;
if (navegador == "Microsoft Internet Explorer"){
document.write('Aqui va lo que aparece en caso de ser Internet Explorer');
}
else{
//Verifico si es google chrome
var is_chrome = navigator.userAgent.toLowerCase().indexOf('chrome') > -1;
if(is_chrome){
document.write('Aqui va lo que aparece en caso de ser Google Chrome');
}else{
//Verifico si es mozilla firefox
var is_firefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1;
if(is_firefox){
document.write('Aqui va lo que aparece en caso de ser Mozilla Firefox');
}
}
}
</script>

Donde el textoen azul representa cualquier mensaje que se nos ocurra, por ejemplo:
  • Para mandar un un mensaje de alerta, cambiamos el document.write por alert y escribimos un mensaje.
  • Si queremos mostrar un enlace (para descargar mozilla si es internet explorer, por ejemplo) debemos dejar el document.write y entre comillas '<a href="#tu-enlace>el texto o imagen</a>'.
Demo (Verás un mensaje dependiendo del navegador que estes usando) :



Y aqui dejo algunas imagenes por si resultan de tu agrado:













3 comentarios

  1. Hola, muy bonito tu sitio. Parecen muy interesantes los temas. En este en particular, sin embargo, cometiste un error al escribir el texto de la cuarta imagen ya que cambiaste "es" por "ese". Pero estan muy vacanas la imagenes.

    aprovecho para hacerte una consulta de un tema tuyo que leí anteiormente. ¿Conocez un script gratuito al estilo LightView? Osea, que soporte no solo imagenes sino vantanas enmarcadas.

    Gracias

    Posted on 12/03/2009 6:25 a. m.

     
  2. :\ gracias por mostrarme ese error de escritura, ahora mismo lo cambio. Por lo del script aquí puedes encontrar 40 efectos tootip con jquery para introducir html, pero no conozco ninguno para traer páginas externas. Aunque te recomiendo probar con un iframe dentro del tooltip que escojas :)

    Posted on 12/03/2009 11:34 a. m.

     

Publicar un comentario en la entrada al viejo estilo