2011-05-23 2 views
7

Je me demandais si html5 prend en charge la fonctionnalité tactile sur un périphérique mobile natif? Donc, nous ne devons pas faire une application native pour iOS/Android/WP7, mais peut faire une page html5 qui se charge dans le navigateur mobile.Le support html5 est-il tactile sur les téléphones mobiles?

EDIT

Je veux dire le support JavaScript pour natif tactile dans le navigateur afin que vous puissiez faire vous-même chose avec le contact en html5.

Répondre

8

Pour les événements de clic/souris de votre navigateur standard, ceux-ci sont émulés par le navigateur. Comme mentionné par Halst, il suffit de rendre vos éléments cliquables assez grand pour fonctionner dans un environnement mobile.

Si vous voulez utiliser multitouch/gestures, cela devient un peu plus intéressant.

Webkit fournit touchstart, touchmove, touchend, touchcancel. Pour les événements à touche unique, la prise en charge doit être la même dans IOS Safari et Android Webkit. Vous pouvez rouler le vôtre ou utiliser une bibliothèque comme jqTouch.

Vous pouvez en savoir plus sur comment IOS Safari handles touch events. Les événements pour Android ne semblent pas être aussi bien documentés, mais vous pouvez lire plus sur quirksmode touch support.

+0

https://github.com/zlatnaspirala/multi-touch-canvas-handler/blob/master/README.md Avec ce script, vous pouvez gérer 10 doigts en même temps –

2

Il suffit de faire assez de boutons et de boutons, et c'est tout. Dépend du type d'événement tactile.

+0

Je voulais dire le support javascript dans les navigateurs mobiles. J'ai édité ma question. –

0

Un peu.

Il est possible d'écrire une page web qui ressemble presque à une application native pour iPad (y compris multi-touch) mais j'ai dû abandonner en utilisant des événements de "haut niveau" et j'ai dû gérer le tableau touches explicitement pour obtenir un zoom/panoramique raisonnable. Les résultats sont assez bons IMO (les gens que j'ai montré que l'éditeur de graphiques vectoriels pensaient que c'était une application native). Pour Android cependant, les choses sont un peu plus compliquées car sur mon Nexus, apparemment, il n'y a aucun moyen d'obtenir quoi que ce soit en mode plein écran (et pour un téléphone qui perd l'espace de la barre d'adresse) et multitouch est désactivé dans le navigateur par défaut :-(

Les deux problèmes (plein écran et multitouch) sont cependant résolus par exemple dans Opera et cela est à mon avis triste car (peut-être) cela signifie qu'ils ne veulent pas de bonnes applications web sur Le téléphone ...

Donc, techniquement, il est possible d'écrire un seul programme html5/js qui s'exécute à la fois sur le bureau et le téléphone, mais cela ne signifie pas que la meilleure interface utilisateur pour une application de bureau est également t il est le meilleur pour un téléphone.

Questions connexes