11 Voto

jQuery: Detectar el Navegador (Browser Switch)

Información de Progger99 | 21/07/2012 a las 22:36

En jQuery, es bastante fácil detectar qué navegador está navegando actualmente por la página. Con esto, puede programar fácil y rápidamente un browser switch.

He aquí un primer ejemplo sencillo:

if ($.browser.mozilla) {
    alert('Mozilla Firefox');
}
 
if ($.browser.chrome) {
    alert('Chrome');
}
 
if ($.browser.opera) {
    alert('Opera');
}
 
if ($.browser.safari) {
    alert('Safari');
}
 
if ($.browser.msie) {
    alert('Microsoft Internet Explorer');
}

También la versión del navegador se puede detectar fácilmente:

if ($.browser.msie && $.browser.version <= 6) {
   alert('Está utilizando Internet Explorer 6 o una versión inferior.');
} else {
   alert('Está utilizando un navegador adecuado.');
}

Esto facilita determinar con qué navegador y con qué versión está tratando en este momento y puede entregar el código adecuado para el navegador apropiado.

ResponderPositivoNegativoFechaVotos
00 Votos

Se eliminó en jQuery 1.9. ¿Hay alguna otra manera?

Ver:  http://api.jquery.com/jQuery.browser/
10/05/2013 a las 15:13

ResponderPositivo Negativo
11 Voto

Desafortunadamente, hoy, mi función jQuery $.browser descrita está marcada como depreciada y ya no está disponible/eliminada desde jQuery 1.9, por lo que no puede usar esta función simplemente usando la versión más reciente de jQuery. Me gustaría ofrecerle una solución alternativa para este problema con esta publicación.

Primera sugerencia: si realmente desea utilizar una forma sencilla de detectar el navegador utilizando jQuery, la posibilidad más sencilla es utilizar la última versión funcional de jQuery anterior a la 1.9, que todavía admite la función:

http://code.jquery.com/jquery-1.8.3.min.js

De lo contrario, también existe la posibilidad de utilizar navigator.userAgent de JavaScript en su lugar:

if (navigator.userAgent.match(/mozilla/i) {
   ...
}
if (navigator.userAgent.match(/webkit/i) {
   ...
}
if (navigator.userAgent.match(/ie/i) {
   ...
}
if (navigator.userAgent.match(/opera/i) {
   ...
}

Otra forma es utilizar el plugin jQuery Migrate, que le brinda compatibilidad con versiones anteriores de nuevas versiones de jQuery. Este complemento proporciona todas las funciones eliminadas hoy.
10/05/2013 a las 23:56

Positivo Negativo
Responder
Responder

Sobre el Autor

AvatarEl autor aún no ha agregado una breve descripción del perfil.
Ver Perfil

 

Temas Relacionados

jQuery: ¿Hay un Elemento?

Consejo | 1 Comentario

Aviso Importante

Por favor tenga en cuenta: Las contribuciones publicadas en askingbox.com son contribuciones de los usuarios y no deben reemplazar el asesoramiento profesional. No son verificados por independientes y no reflejan necesariamente la opinión de askingbox.com. Aprende más.

Participar

Haga su propia pregunta o escriba su propio artículo en askingbox.com. He aquí cómo.