Détection de téléphones «stupides» en utilisant jQuery/JavaScript?

Question

Je n'arrive pas à comprendre comment détecter un navigateur de téléphone "idiot" en utilisant jQuery/JavaScript. J'ai un ordinateur de bureau/tablette, un smartphone et une version muette de mon site Web. La version smartphone du site est trop lourde et lente pour les téléphones muets, je veux donc les rediriger vers la version "lite" à la place.

Un bon exemple de ceci serait Facebook. Quand j'ouvre Facebook sur un navigateur de téléphone muet, les utilisateurs sont redirigés vers la version Lite. Comment est-ce que je fais ce même comportement?

NOTE: J'utilise JavaScript et pas PHP car les contraintes de plate-forme. (Il est sur Tumblr.)

Answer 1

Dans votre javascript, vous devez détecter la variable d'agent utilisateur (c'est ce que chaque navigateur utilise pour s'identifier). Essentiellement, vous devrez entrer manuellement les types à tester dans ceci et avoir une instruction if/else pour chaque cas. (Voir http://www.w3schools.com/jsref/prop_nav_useragent.asp et http://useragentstring.com/pages/useragentstring.php)

Answer 2

Un autre bon moyen serait de vérifier si certaines fonctionnalités sont présentes dans le navigateur, comme le fait la bibliothèque http://modernizr.com/. Cela pourrait être une meilleure performance et vous n'aurez pas à mettre à jour la chaîne user-agent à chaque fois que vous trouvez un "dumbphone".