Diferencias entre navegadores

Diferencias entre navegadores

Con los nuevos navegadores existentes es necesario que al crear los códigos Javascript tomemos en cuenta las diferencias entre ellos. Para esto existen algunas funciones que nos dan información sobre el navegador que el usuario utiliza.

Las formas de llamar a los elementos desde Javascript cambia dependiendo del navegador, eso también lo veremos pero primero observaremos como detectar el nombre y la versión del navegador.

navigator.appName =
Este comando nos dice el nombre del navegador.

navigator.appVersion =
Contiene el número de la versión del navegador, debes de darte cuenta que con cada diferente versión aumentan algunos códigos y otros son eliminados, por ejemplo el evento image.onload funciona en Netscape 4.04 pero no en versiónes anteriores.

navigator.userAgent =
Contiene casi toda la información sobre el navegador

A partir de estos elementos puedes hacer tu propio detector de navegador, un ejemplo se encuentra a continuación:

function Is( ) {
  var agent = navigator.userAgent.toLowerCase( );
  this.major = parseInt(navigator.appVersion);
  this.minor = parseFloat(navigator.appVersion);
  this.ns = ((agent.indexOf('mozilla')!=-1) && ((agent.indexOf('spoofer')==-1) && (agent.indexOf('compatible') == -1)));
  this.ns2 = (this.ns && (this.major == 3));
  this.ns3 = (this.ns && (this.major == 3));
  this.ns4b = (this.ns && (this.minor < 4.04));
  this.ns4 = (this.ns && (this.major >= 4));
  this.ie = (agent.indexOf("msie") != -1);
  this.ie3 = (this.ie && (this.major == 2));
  this.ie4 = (this.ie && (this.major >= 4));
  this.op3 = (agent.indexOf("opera") != -1);
  this.win = (agent.indexOf("win")!=-1);
  this.mac = (agent.indexOf("mac")!=-1);
  this.unix = (agent.indexOf("x11")!=-1);
}

var is = new Is( );

Para saber si el usuario usa la versión que queremos lo detectamos por medio de la variable is.ie4 si el usuario usa Internet Explorer 4 la variable será true, podemos detecatar así si utiliza Netscape 2 (is.ns2), también el sistema operativo (is.win) y todas las variables que se muestran en el código de arriba como this, recuerda que debes de cambiar la palabra this por is, es decir para detectar si el usuario utiliza windows no pondremos this.win sino is.win

Fuente: http://www.htmlguru.com

Algo muy importante que observamos en el código anterior es el comando parseInt esta función extrae el número entero dentro de una cadena de texto, es decir, si el valor es Variable = "4.90 Jk" con el comando Variable = parseInt ( "4.90 jk") nos darán el valor de Variable = 4. Recuerda que las cadenas de texto van entre comillas y los comandos no.

Entre las diferencias entre Netscape y Explorer se encuentra la forma en cambiar una imagen.
Para Explorer es:

document.all.MyPic.src = "dos.gif"

Para Netscape

document.MyPic.src = "dos.gif"

Para la imagen sería:

Según algunos expertos en Explorer para identificar una imagen se utiliza el id y para Netscape name, es preferible utilizar los dos con el mismo nombre para evitar complicaciones, yo en lo personal he utilizado id y me ha dado los mismos resultados

Regresar a Tutorial .