Ecran tactile et Firefox

Firefox ne détecte pas automatiquement un écran est tactile ou pas. Lors d’un développement Web j’obtenais un affichage différent entre Chrome et Firefox, et il m’a fallut un peu de temps pour comprendre que cela était dû au fait que mon écran est tactile.

La fonction couramment utilisée pour détecter si l’écran est tactile en javascript est :

'ontouchstart' in document.documentElement

Mais par défaut, cela renvoie true sur Chrome et false sur Firefox.

Pour activer la fonctionnalité sur Firefox, il faut accéder aux paramètres, en allant sur la page about:config puis faire une recherche sur touch.

J’ai modifié l’option dom.w3c_touch_events.expose de 0 (par défaut) à 1 pour activer la fonctionnalité.

Désormais le fonctionnement est équivalent sur les deux navigateurs.

N’oubliez pas de désactiver l’option si vous voulez voir ce que la majorité des utilisateurs verront sur leur desktop.