Javascript et la détection d’appareil mobile

Cette semaine, au bureau, j’ai eu à travailler un peu avec javascript afin de détecter si le média utilisé était une tablette, un téléphone cellulaire ou encore un ordinateur « normal ». En temps normal, j’aurais utilisé le script PHP fourni par mon développeur backend mais malheureusement, je devais faire la détection à l’intérieur d’un fichier JS. PHP n’était donc pas à ma rescousse cette fois-ci.

J’ai donc fait une recherche sur Google afin de trouver un script déjà fait (ça ne me donne pas grand chose de réinventer la roue). J’ai vite trouvé quelque chose qui me plaisait et je veux le partager avec vous. Voici le bout de code afin de rendre possible cette détection :

if( /Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) {
    // Si le média est un mobile...
} else {
    // Sinon, il se passe ceci...
}

En gros, si l’appareil est du type Android, webOS, iPhone, iPad, iPod, Blackberry, IEMobile ou Opera Mini, faites ce que vous avez à faire avec un mobile. Sinon, considérez le média comme un ordinateur de bureau ou un laptop. Il est aussi possible avec un else if de pouvoir séparer les tablettes des téléphones selon vos besoins.

Si j’ai oublié un type de téléphone ou si vous avez des questions par rapport à ce script de détection, n’hésitez pas à me contacter grâce aux commentaires ci-dessous!

À un prochain tuto!

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *