Comment détecter la capacité du navigateur mobile

J'ai trois versions différentes d'un site Web mobilisé, et comme le marché est inondé de plus en plus de téléphones, je me moque de savoir où les pousser. Je me demande si quelqu'un a fait face à un problème similaire, comment détecter le type de navigateur et transmettre à la version appropriée du site mobilisé (où il s'agit de texte, html simple, html avancé et javascript). Je serais très intéressé d'entendre les autres solutions que d'autres ont essayé.

Fondamentalement, la version du texte est pour les téléphones qui ne prennent pas en charge CSS ou Javascript. La version simple est pour les téléphones qui ne supporte pas le Javascript. La version avancée est destinée aux téléphones compatibles CSS et Javascript.

Peut-être existe-t-il une meilleure façon de le gérer avec cette condition?

(Le serveur / client utilisé est PHP + Javascript)

Vous trouverez cela utile:

  • Détection de capacité côté serveur pour les appareils mobiles
  • Comment servir le bon contenu pour les navigateurs mobiles
  • Mode standard pour détecter les navigateurs mobiles dans une application Web

J'utiliserais http://www.modernizr.com/ Modernizr pour détecter les capacités du client, puis rediriger vers un autre emplacement dans le cas où le support est insuffisant pour le niveau de fidélité actuel.

S'il n'y a pas de support CSS / JS, vous êtes à la hauteur de la partie côté client. Vous devrez recourir à des choses comme le sniffing des utilisateurs … mais alors, presque tous les téléphones ont au moins un soutien CSS rudimentaire, même les modèles assez anciens.