Maison >interface Web >js tutoriel >Comment puis-je détecter de manière fiable les appareils à écran tactile à l'aide de JavaScript ?
Détection des appareils à écran tactile avec JavaScript : une approche optimisée
Pour une compatibilité multiplateforme, les développeurs sont souvent confrontés au défi de faire la distinction entre les appareils tactiles appareils compatibles et non tactiles utilisant JavaScript. Ceci est crucial pour personnaliser l'expérience utilisateur en fonction des méthodes de saisie de l'appareil.
À l'origine, il a été suggéré que JavaScript pourrait s'appuyer sur le test « touchevents » de Modernizr pour vérifier les capacités de l'écran tactile. Cependant, cette approche n'est plus applicable en raison de la suppression du test de Modernizr.
Une méthode de détection mise à jour
À partir de 2021, un moyen fiable et complet de détecter le toucher -les navigateurs compatibles doivent vérifier les propriétés suivantes :
function isTouchDevice() { return (('ontouchstart' in window) || (navigator.maxTouchPoints > 0) || (navigator.msMaxTouchPoints > 0)); }
Lectures complémentaires pour les cas avancés
Pour des scénarios de détection tactile plus complexes, considérez ces ressources :
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!