So stellen Sie fest, ob der Client ein Touch-Gerät ist

Question

Gibt es eine schöne und saubere Methode oder einen Trick, um herauszufinden, ob der Benutzer ein Touch-Gerät benutzt oder nicht?

Ich weiß, es gibt Dinge wie var isiPad = navigator.userAgent.match(/iPad/i) != null;

aber ich frage mich einfach, ob es einen Trick gibt, um generell festzustellen, ob der Benutzer auf einem Touch-Gerät ist? Denn es gibt viel mehr Touch-Geräte und Tablets da draußen als nur iPads.

Ich danke Ihnen.

Answer 1

Wenn Sie Modernizr Es ist sehr einfach zu bedienen. Modernizr.touch wie bereits erwähnt.

Ich bevorzuge jedoch eine Kombination aus Modernizr.touch und User-Agent-Tests, nur um sicher zu gehen.

var deviceAgent = navigator.userAgent.toLowerCase();

var isTouchDevice = Modernizr.touch || 
(deviceAgent.match(/(iphone|ipod|ipad)/) ||
deviceAgent.match(/(android)/)  || 
deviceAgent.match(/(iemobile)/) || 
deviceAgent.match(/iphone/i) || 
deviceAgent.match(/ipad/i) || 
deviceAgent.match(/ipod/i) || 
deviceAgent.match(/blackberry/i) || 
deviceAgent.match(/bada/i));

if (isTouchDevice) {
        //Do something touchy
    } else {
        //Can't touch this
    }

Wenn Sie Modernizr nicht verwenden, können Sie einfach die Modernizr.touch obige Funktion mit ('ontouchstart' in document.documentElement)

Beachten Sie auch, dass das Testen des Benutzeragenten iemobile bietet Ihnen eine breitere Palette an erkannten Microsoft-Mobilgeräten als Windows Phone .

Siehe auch diese SO-Frage