Comment JavaScript peut-il détecter de manière fiable les appareils à écran tactile ?

Distinguer les appareils à écran tactile avec JavaScript

Problème :

L'intégration de la fonctionnalité d'écran tactile dans les applications de bureau et mobiles nécessite JavaScript détection des capacités de l'écran tactile. Cependant, comment y parvenir de manière fiable ?

Réponse :

Évaluer l'approche de Modernizr :

Initialement, la bibliothèque Modernizr, largement respectée, était une option viable pour détecter les écrans tactiles. Cependant, il a depuis supprimé ses tests « touchevents » en raison de leur ambiguïté.

Recommandations actuelles :

Détermination des capacités tactiles :

À partir de 2021, l'extrait de code suivant propose une approche pratique pour détecter le toucher capacités :

function isTouchDevice() {
  return (('ontouchstart' in window) ||
     (navigator.maxTouchPoints > 0) ||
     (navigator.msMaxTouchPoints > 0));
}

Évaluation des subtilités :

Il est important de reconnaître que la détection des écrans tactiles peut être nuancée. Pour des scénarios plus avancés, envisagez d'explorer des ressources telles que :

• "Vous ne pouvez pas détecter un écran tactile" par Stu Cox
• "Détection du toucher : c'est le "pourquoi", pas le 'comment'"
• Présentation "Devenir sensible" par Patrick H. Lauke

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!