Skip navigation

Gracias a jQuery podemos obtener información sobre el navegador web utilizado por el usuario para visitar la página. jQuery nos ofrece la información sobre el motor y versión, con lo que podremos adaptar nuestros desarrollos al navegador detectado.

La información la obtenemos gracias a las propiedades $.browser() y $.browser.version()

$.browser() contiene las variables de los navegadores más habituales (safari, opera, msie y mozilla) y su valor será true o false según convenga.

$.browser.version() nos devolverá una cadena de texto con la versión del navgeador.

Un ejemplo práctico de estas funcionalidades lo vemos en el siguiente ejemplo, donde se modifica el estilo de un elemento en base al navegador detectado:

//A. El navegador es Safari
if( $.browser.safari ) $(“#menu li a”).css(“padding”, “1em 1.2em” );

//B. El navegador es Internet Explorer, pero con versión superior a la 6
if ($.browser.msie && $.browser.version > 6 ) $(“#menu li a”).css(“padding”, “1em 1.8em” );

//C. El navegador es Internet Explorer, pero con versión inferior o igual a la 6
if ($.browser.msie && $.browser.version <= 6 ) $(“#menu li a”).css(“padding”, “1em 1.8em” );

//D. El navegador es Mozilla Firefox en versión 2 o superior
if ($.browser.mozilla && $.browser.version >= “1.8” ) $(“#menu li a”).css(“padding”, “1em 1.8em” );

Anuncios

One Comment

  1. Cabe destacar que para la versión 1.3 de jQuery. El objeto jQuery.browser ya no está soportado, ya que según indica John Resig, hay que desarrollar según funcionalidades y no según el navegador.

    Por lo tanto debemos cambiar el uso de jQuery.browser por el de jQuery.support que identifica las funciones o propiedades del navegador.


One Trackback/Pingback

  1. By Bitacoras.com on 28 Mar 2009 at 2:50 pm

    Información Bitacoras.com…

    Valora en Bitacoras.com: Gracias a jQuery podemos obtener información sobre el navegador web utilizado por el usuario para visitar la página. jQuery nos ofrece la información sobre el motor y versión, con lo que podremos adaptar nuestros desarrollo…

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s

A %d blogueros les gusta esto: