11 Vote

jQuery: Détecter le Navigateur (Browser Switch)

Info de Progger99 | 21/07/2012 à 22:36

Dans jQuery, il est assez simple de détecter quel navigateur parcourt actuellement la page. Avec cela, vous pouvez programmer facilement et rapidement un browser switch.

Voici un premier exemple simple:

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');
}

La version du navigateur peut également être détectée facilement:

if ($.browser.msie && $.browser.version <= 6) {
   alert('Vous utilisez Internet Explorer 6 ou une version inférieure.');
} else {
   alert('Vous utilisez un navigateur approprié.');
}

Cela permet de déterminer facilement avec quel navigateur et avec quelle version vous avez affaire en ce moment et vous pouvez fournir un code adapté au navigateur approprié.

RépondrePositifNégatifDateVoix
00 Voix

A été supprimé dans jQuery 1.9. Est-ce qu'il y a un autre moyen?

Voir:  http://api.jquery.com/jQuery.browser/
10/05/2013 à 15:13

RépondrePositif Négatif
11 Vote

Malheureusement, aujourd'hui, ma fonction jQuery décrite $.browser est marquée comme dépréciée et n'est plus disponible/supprimée depuis jQuery 1.9, de sorte que vous ne pouvez pas utiliser cette fonction en utilisant simplement la version la plus récente de jQuery. Je voudrais vous proposer une solution de contournement à ce problème avec ce message.

Première suggestion: si vous souhaitez vraiment utiliser un moyen simple de détecter un navigateur à l'aide de jQuery, la possibilité la plus simple est d'utiliser la dernière version fonctionnelle de jQuery avant la 1.9 qui prend toujours en charge la fonction:

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

Sinon, il y a aussi la possibilité d'utiliser navigator.userAgent de JavaScript à la place:

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

Une autre façon consiste à utiliser le plugin jQuery Migrate, qui vous offre une compatibilité ascendante dans les nouvelles versions de jQuery. Ce plugin fournit toutes les fonctions supprimées aujourd'hui.
10/05/2013 à 23:56

Positif Négatif
Répondre
Répondre

Sur l’Auteur

AvatarL’auteur n’a pas encore ajouté de brève description de profil.
Voir Profil

 

Sujets Connexes

jQuery: Y a-t-il un Élément?

Conseil | 1 Commentaire

Avis Important

Veuillez noter: Les contributions publiées sur askingbox.com sont des contributions d’utilisateurs et ne doivent pas remplacer les conseils d’un professionnel. Ils ne sont pas vérifiés par des indépendants et ne reflètent pas nécessairement l’opinion de askingbox.com. Apprendre encore plus.

Participer

Posez votre propre question ou écrivez votre propre article sur askingbox.com. Voici comment.