JavaScript comment vérifier l'agent d'utilisateur pour mobile / tablette

Je suis en train de développer certaines JS travailler pour un site web clients qui a différentes fonctionnalités sur desktop et tablette plates-formes. Considérer:

if(! navigator.userAgent.match(/Android/i) &&
            ! navigator.userAgent.match(/webOS/i) &&
            ! navigator.userAgent.match(/iPhone/i) &&
            ! navigator.userAgent.match(/iPod/i) &&
            ! navigator.userAgent.match(/iPad/i) &&
            ! navigator.userAgent.match(/Blackberry/i) )
    {
        //do desktop stuff

    } else if ( navigator.userAgent.match(/iPad/i) ) 
    {
       //do tablet stuff

    }

Actuellement, je suis la seule vérification de l'iPad comme la vérification du mot "android" semble quelque peu problématique, et est un terme très large. Est-il une méthode connue permettant de distinguer entre les tablettes Android & mobile à l'aide du JS?

Merci beaucoup,
Myles

source d'informationauteur Myles

  1. 15

    Premier - l'amélioration de la condition

    if (navigator.userAgent.match(/iPad/i))
{
    //do tablet stuff
} else if(navigator.userAgent.match(/Android|webOS|iPhone|iPod|Blackberry/i) )
{
    //do mobile stuff
} else {
    //do desktop stuff
}

    Deuxième, en ajoutant les mots clés manquants:

    if (navigator.userAgent.match(/Tablet|iPad/i))
{
    //do tablet stuff
} else if(navigator.userAgent.match(/Mobile|Windows Phone|Lumia|Android|webOS|iPhone|iPod|Blackberry|PlayBook|BB10|Opera Mini|\bCrMo\/|Opera Mobi/i) )
{
    //do mobile stuff
} else {
    //do desktop stuff
}

    Et la troisième, c'est la détection de script que j'utilise:

    https://jsfiddle.net/oriadam/ncb4n882/

    var
ua = navigator.userAgent,
browser = /Edge\/\d+/.test(ua) ? 'ed' : /MSIE 9/.test(ua) ? 'ie9' : /MSIE 10/.test(ua) ? 'ie10' : /MSIE 11/.test(ua) ? 'ie11' : /MSIE\s\d/.test(ua) ? 'ie?' : /rv\:11/.test(ua) ? 'ie11' : /Firefox\W\d/.test(ua) ? 'ff' : /Chrome\W\d/.test(ua) ? 'gc' : /Chromium\W\d/.test(ua) ? 'oc' : /\bSafari\W\d/.test(ua) ? 'sa' : /\bOpera\W\d/.test(ua) ? 'op' : /\bOPR\W\d/i.test(ua) ? 'op' : typeof MSPointerEvent !== 'undefined' ? 'ie?' : '',
os = /Windows NT 10/.test(ua) ? "win10" : /Windows NT 6\.0/.test(ua) ? "winvista" : /Windows NT 6\.1/.test(ua) ? "win7" : /Windows NT 6\.\d/.test(ua) ? "win8" : /Windows NT 5\.1/.test(ua) ? "winxp" : /Windows NT [1-5]\./.test(ua) ? "winnt" : /Mac/.test(ua) ? "mac" : /Linux/.test(ua) ? "linux" : /X11/.test(ua) ? "nix" : "",
mobile = /IEMobile|Windows Phone|Lumia/i.test(ua) ? 'w' : /iPhone|iP[oa]d/.test(ua) ? 'i' : /Android/.test(ua) ? 'a' : /BlackBerry|PlayBook|BB10/.test(ua) ? 'b' : /Mobile Safari/.test(ua) ? 's' : /webOS|Mobile|Tablet|Opera Mini|\bCrMo\/|Opera Mobi/i.test(ua) ? 1 : 0,
tablet = /Tablet|iPad/i.test(ua),
touch = 'ontouchstart' in document.documentElement;

    EDIT:

    Remarque que les tablettes et iPads sont considérés à la fois comme mobile et tablet.
    Notez qu'il existe des ordinateurs portables avec le tactile, de la souris et du clavier. En d'autres termes, un bon programmeur ne dépend pas de touch - elle en charge les trois méthodes de saisie dans tous les cas.