API HTML pour les périphériques tactiles?

Question

Quelles API HTML sont disponibles pour les périphériques à écran tactile (par exemple les tablettes PC)? Je remarque que l'interface iPad de GMail (et d'autres interfaces mobiles) ne défile pas dans un navigateur web normal (prétendant être un iPad via un hack user-agent). Comment peut-on accéder à cette API sur un PC? J'ai une école pleine de tablettes qui ne sont pas merveilleux en mode tablette en raison du manque de support d'application, mais il semble y avoir un nombre croissant d'applications Web qui combleront cette lacune.

Answer 1

Dans la plupart des cas, les webapps utilisent les événements javascript tactiles (toucher, touchstart, touchEnd) qui (pour des raisons évidentes) ne sont pas mises en œuvre sur les navigateurs de bureau.

Découvrez la table de compatibilité de PPK pour plus de détails: http://quirksmode.org/mobile/tableTouch.html.

Il a également une démonstration qui montre les événements tactiles utilisés: http://quirksmode.org/m/tests/scrollayer.html. Il y a un lien sur cette page pour une "variante" qui fonctionne sur les navigateurs de bureau. C'est celui dont tu as besoin.

Answer 2

Vous pouvez utiliser, comme vous l'avez déjà dit, UserAgent, pour présenter le contenu mis spécifiquement pour certains appareils.

Pour chaque dispositif, vous devrez lire la documentation sur la façon d'écrire HTML afin de rendre l'appareil se comporte comme vous voulez.

Par exemple, here's comment vous le feriez pour un iPhone/iPod Touch. Here's pour iPad. De même, en fonction de l'appareil que vous avez, vous pourrez trouver la documentation appropriée.

Il existe une base de données ouverte géniale qui peut vous aider à obtenir des informations sur l'appareil en fonction de l'agent utilisateur. C'est ce qu'on appelle WURFL.