Comment détecter le toucher navigateurs de périphériques vs bureau à l'aide de javascript?

Quel est le code pour détecter les appareils tactiles (smartphones et tablettes) vs les ordinateurs de bureau des navigateurs à l'aide userAgent.match et le retour d'une variable booléenne (par exemple "isipad')?

J'ai besoin de tester cette contre Android et les appareils Apple principalement. Si le navigateur de l'appareil Android ou Apple, retour isipad = false. Sinon, retour isipad = true.

Jusqu'à présent, je suis allé à ce sujet comme ceci (pour iDevice la détection du navigateur) :

if( navigator.userAgent.match(/iPhone/i) || navigator.userAgent.match(/iPod/i) ||navigator.userAgent.match(/iPad/i) )
{var isipad = true;}
else
{var isipad = false;}

Il semble fonctionner, cependant j'aimerais pouvoir l'ajouter au navigateur android ainsi, dans ce cas.

Merci à l'avance.
Alex

OriginalL'auteur Alex | 2012-09-09

  1. 8
    if ("ontouchstart" in document.documentElement)
{
  alert("It's a touch screen device.");
}
else
{
 alert("Others devices");
}

    plus simple code que j'ai trouvé après avoir parcouru beaucoup de choses ici et là

    OriginalL'auteur Pratswinz

  2. 3

    Vous ne devriez pas essayer de comprendre à quel type de dispositif qu'il est. Au lieu de cela, vous devez examiner les capacités de l'appareil hôte et votre code s'adapter aux capacités qu'il trouve indépendamment de ce type de dispositif est qu'il est. Cette opération est appelée "fonction de détection" et est considéré comme une bien meilleure façon de faire les choses que de les détecter un navigateur ou l'appareil.

    Par exemple, lorsque les tablettes Windows 8 en sortir, il y aura des dispositifs à la fois la souris et le toucher.

    Il y a beaucoup écrit sur la façon de détecter les capacités tactiles. Voir ces idées:

    http://alastairc.ac/2010/03/detecting-touch-based-browsing/

    Optimiser le site web pour les appareils tactiles

    https://stackoverflow.com/a/4819886/816620

    Je sais, mais pour l'instant je suis assez limité dans la façon dont je peux aller à ce sujet. Je suis à l'aide d'un e-learning de l'outil de création qui ne peut accepter un ensemble de manières de faire de la détection du navigateur. J'ai seulement besoin de différencier les appareils tactiles et les ordinateurs de bureau maintenant afin que je puisse passer le renvoyées valeur booléenne dans l'application.
    Ce que sur un ordinateur de bureau avec le tactile, la souris et les capacités? Je pense que vous aurez à nous en dire plus sur ce problème de l'interface que vous êtes vraiment essayer de résoudre. Les Chances sont qu'à l'aide de l'userAgent pour activer/désactiver le comportement tactile est un mauvais choix de conception. Si vous voulez vraiment utiliser useragent, puis de faire une recherche sur le web pour useragent chaînes et vous trouverez le géant de listes à partir de laquelle vous pouvez décider quoi faire (il y a des milliers de useragent de chaînes de caractères).
    Oh non non non. Je ne suis pas en train d'activer/de désactiver tout comportement. J'utilise Articulate Storyline pour développer l'e-learning. Je suis en train d'essayer de différencier entre le toucher et de bureau pour des raisons de compatibilité. Le logiciel ne prend pas toujours la sortie des résultats cohérents lorsqu'en mode html5 (comprimés seulement) et j'ai besoin de mettre en œuvre certaines des solutions de contournement dans ces cas (encore une fois surtout à cause de certaines limitations des logiciels en ce moment).

    OriginalL'auteur jfriend00

  3. 1

    Bien que je suis d'accord avec @jfriend00 que vous devez utiliser la fonction "détection" plutôt que d'utiliser l'agent de l'utilisateur, mais il semble que l'agent utilisateur est votre seule option. J'utilise ce site web pour mobile de détection du navigateur. Ils mettent fréquemment à jour leur code basé sur de nouveaux appareils, afin de mettre à jour le vôtre à titre occasionnel. Voici le code JS:

    (function(a,b){if(/android.+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|iris|kindle|lge |maemo|meego.+mobile|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(a)||/1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(di|rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(a.substr(0,4)))window.location=b})(navigator.userAgent||navigator.vendor||window.opera,'http://detectmobilebrowser.com/mobile');

    Ici est un violon dans l'action.

    OriginalL'auteur davehale23

  4. 1

    Je l'ai testé contre detectmobilebrowsers.com avec et iPad mini et une Surface de la tablette, et deux d'entre eux retournés ”No mobile navigateur détecté”.

    La pièce la plus étrange à ce sujet est que la chaîne de l'Agent Utilisateur pour iPad mini contient en fait le mot "Mobile", ce qui laisse penser qu'il ne serait pas si difficile à déterminer car un appareil mobile.

    La Surface de comprimés ne, cependant, ont "Toucher" dans leur agent utilisateur, par exemple "Mozilla/5.0 (compatible; MSIE 10.0; Windows NT 6.2; BRAS; Trident/6.0; Toucher)" msdn.microsoft.com/en-us/library/ie/...

    OriginalL'auteur Brian Frisch