Comment détecter les tablettes Android en général. Useragent ?

Question

J'ai cherché partout. Nous utilisons un Motorola Zoom pour tester notre site sur tablette. Le problème est que le Useragent Android est un Useragent général et qu'il n'y a pas de différence entre Android tablette et Android mobile. Je ne veux pas cibler un appareil spécifique comme le Useragent du Xoom, car Android sera très probablement présent sur plusieurs tablettes dans un avenir proche.

Nous utilisons Umbraco CMS, et nous avons envisagé d'utiliser la solution 51Degrees.mobi, mais pour l'instant, elle ne répond pas à nos besoins. Peut-être à l'avenir. Je sais que 51Degrees et certaines personnes d'Umbraco vont faire une intégration dans Umbraco, mais le projet final ne sera probablement pas disponible avant quelques mois.
C'est pourquoi nous aimerions détecter la chaîne Useragent d'une tablette Android et ne pas la diriger vers notre site mobile comme c'est le cas actuellement.

Si quelqu'un sait comment détecter une tablette Android en général, et non un appareil spécifique, cela serait très utile.

Answer 1

Le problème est que l'User-Agent d'Android est un User-Agent général et qu'il n'y a pas de différence entre Android tablette et Android mobile.

C'est incorrect. Android mobile a la chaîne "Mobile" dans l'en-tête User-Agent. Ce n'est pas le cas pour la tablette Android.

Pero il convient de mentionner qu'il y a pas mal de tablettes qui signalent "Mobile" Safari dans l'userAgent et ce dernier n'est pas la seule/ solide façon de différencier entre le mobile et la tablette.

Answer 2

@Carlos : Dans son article, Tim Bray recommande ceci (comme un autre article de Google ), mais elle n'est malheureusement pas appliquée par tous les fabricants de tablettes.

... Nous recommandons aux fabricants d'appareils de grande taille de supprimer "Mobile" de l'agent utilisateur...

La plupart des chaînes d'agent utilisateur des tablettes Android que j'ai vues utilisent mobile safari, par exemple le Samsung Galaxy Tab :

Mozilla/5.0 (Linux ; U ; Android 2.2 ; en-us ; SCH-I800 Build/FROYO) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1

Pour l'instant, je vérifie les noms des appareils pour détecter les tablettes Android. Tant qu'il n'y a que quelques modèles sur le marché, c'est bon, mais bientôt, cette solution ne sera plus adaptée.

Au moins dans le cas du XOOM, la partie mobile semble avoir disparu :

Mozilla/5.0 (Linux ; U ; Android 3.0 ; en-us ; Xoom Build/HRI39) AppleWebKit/534.13 (KHTML, like Gecko) Version/4.0 Safari/534.13

Mais comme il n'y a actuellement que des tablettes avec Andorid 3.x, la vérification sur Android 3 serait suffisante.

Answer 3

Mieux vaut également détecter l'agent utilisateur "mobile".

Bien que vous puissiez toujours vouloir détecter "Android" dans l'User-Agent afin de d'implémenter des fonctionnalités spécifiques à Android, telles que l'écran tactile l'optimisation des écrans tactiles, notre message principal est le suivant : Si votre site mobile dépend de le reniflage de l'UA, veuillez détecter les chaînes "mobile" et "Android", plutôt que plutôt que simplement "Android", dans l'agent utilisateur. Cela permet de servir correctement à la fois vos visiteurs sur mobile et tablette.

Détection d'un appareil Android via le navigateur

 < script language="javascript"> <!--
     var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
              if (mobile) {
                  alert("MOBILE DEVICE DETECTED");
                  document.write("<b>----------------------------------------<br>")
                  document.write("<b>" + navigator.userAgent + "<br>")
                  document.write("<b>----------------------------------------<br>")
                  var userAgent = navigator.userAgent.toLowerCase();
                  if ((userAgent.search("android") > -1) && (userAgent.search("mobile") > -1))
                         document.write("<b> ANDROID MOBILE <br>")
                   else if ((userAgent.search("android") > -1) && !(userAgent.search("mobile") > -1))
                       document.write("<b> ANDROID TABLET <br>")
              }
              else
                  alert("NO MOBILE DEVICE DETECTED"); //--> </script>

Answer 4

Vous pouvez essayer ce script puisque vous ne voulez pas cibler uniquement la Xoom. Je n'ai pas de Xoom, mais cela devrait fonctionner.

function mobile_detect(mobile,tablet,mobile_redirect,tablet_redirect,debug) {
var ismobile = (/iphone|ipod|android|blackberry|opera|mini|windows\sce|palm|smartphone|iemobile/i.test(navigator.userAgent.toLowerCase()));
var istablet = (/ipad|android|android 3.0|xoom|sch-i800|playbook|tablet|kindle/i.test(navigator.userAgent.toLowerCase()));

if (debug == true) {
    alert(navigator.userAgent);
}

if (ismobile && mobile==true) {
    if (debug == true) {
        alert("Mobile Browser");
    }
    window.location = mobile_redirect;
} else if (istablet && tablet==true) {
    if (debug == true) {
        alert("Tablet Browser");
    }
    window.location = tablet_redirect;
}
}

J'ai créé un projet sur github. Jetez-y un coup d'oeil - https://github.com/codefuze/js-mobile-tablet-redirect . N'hésitez pas à soumettre des problèmes s'il y en a !

Answer 5

Une fois que j'ai détecté Android dans l'agent utilisateur, voici comment je fais la différence entre les navigateurs pour tablettes et pour smartphones (j'utilise Python, mais c'est tout aussi simple pour d'autres langages de programmation) :

if ("Android" in agent):
  if ("Mobile" in agent):
    deviceType = "Phone"
  else:
    deviceType = "Tablet"

MISE À JOUR : pour refléter l'utilisation de Chrome sur Android, conformément aux commentaires ci-dessous.