utilisation Modernizr - http://modernizr.com/
Modernizr est un script JS qui teste le navigateur pour une variété de HTML5 et CSS3 capacités lorsque la page se charge. Vous pouvez soit regarder dans l'objet Modernizr JS, soit utiliser les classes qu'il ajoute à l'élément HTML. Si la classe «touch» est présente, vous avez un appareil à écran tactile; sinon, la classe est sans contact. Ensuite, vous pouvez le faire dans votre CSS
.touch .myElement { /* touch device styles */ }
.no-touch .myElement { /* regular browser styles */ }
Test d'une capacité de navigateurs est beaucoup plus utile et le futur qui renifler pour les agents utilisateurs. De cette façon, pour chaque fonctionnalité CSS3 que vous voulez ajouter, vous pouvez facilement écrire un repli, comme je le montre ici.
duplication possible de [Méthode standard pour détecter les navigateurs mobiles dans une application Web basée sur la requête http] (http: // stackoverflow.com/questions/142273/standard-façon-de-détecter-mobile-navigateurs-dans-un-web-application-based-on-the-http-req) –
Alors que faire si il peut être truqué? Si c'est ce cas que l'intention des utilisateurs était de voir le Web de cette façon de toute façon. – Andrew
Je crains qu'il n'y ait pas d'autre moyen de détecter un navigateur que de lire sa chaîne d'agent utilisateur. –