Comment détecter la capacité du navigateur mobile

Question

J'ai trois versions différentes d'un site web mobilisé, et comme le marché est inondé de téléphones de plus en plus nombreux, j'ai du mal à 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 Web 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ées. Fondamentalement, la version texte est pour les téléphones qui ne supportent pas CSS ou Javascript la version simple est pour les téléphones qui ne supportent pas Javascript La version avancée est pour les téléphones qui supportent CSS et Javascript.

Peut-être qu'il y a une meilleure façon de le manipuler avec cette condition?

(serveur/côté client utilisé sont PHP + Javascript)

Answer 1

Vous pouvez trouver ce utile:

• Server-side capability detection for mobile devices
• How to serve the right content to mobile browsers
• Standard way to detect mobile browsers in a web application

Answer 2

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

S'il n'y a pas du tout de support CSS/JS, vous êtes assez foutu quand il s'agit de la partie côté client. Vous devrez recourir à des choses comme sniffing useragent ... mais alors, presque tous les téléphones ont au moins un support CSS rudimentaire, même les modèles assez vieux.