Jquery - meilleure façon de détecter un navigateur mobile? (mousedown/touchmove)

Question

J'ai quelques scroller Jquery.

Pour les navigateurs de bureau J'utilise cette construction:

holder.bind('mousedown.rotate', function(e){ 
    //some actions 
    doc.bind('mousemove.dragrotate', function(e){ 
     //some actions   
    }); 
    doc.bind('mouseup.dragrotate', function(){ 
     //some actions 
     doc.unbind('.dragrotate'); 
    }); 
}); 

pour les navigateurs mobiles cela fonctionne de cette façon:

holder.bind('touchmove', function(jQueryEvent) { 
//some actions 
}); 

quelle est la meilleure façon de déterminer borwsers mobile? est-il un moyen d'utiliser la même fonction pour toutes les plates-formes?

thx

Answer 1

Vous pouvez utiliser navigator.userAgent pour vérifier quel navigateur l'utilisateur utilise ... le code suivant serait un bon point de départ.

if (navigator.userAgent.match(/Android/i) 
    || navigator.userAgent.match(/iPhone/i) 
    || navigator.userAgent.match(/iPad/i) 
    || navigator.userAgent.match(/iPod/i) 
    || navigator.userAgent.match(/BlackBerry/i) 
    || navigator.userAgent.match(/webOS/i)) { 
    // Mobile browser specific code here 
} 

Detect Mobile Browsers a un fichier JS vous pouvez utiliser si vous voulez être plus précis.

Answer 2

var is_touch_device = 'ontouchstart' in document.documentElement; 

Detecting touch screen devices with Javascript