2011-05-23 15 views
7

Me preguntaba si html5 es compatible con la funcionalidad táctil en un dispositivo móvil nativo? Por lo tanto, no es necesario crear una aplicación nativa para iOS/Android/WP7, pero podemos crear una página html5 que se cargue en el navegador móvil.¿Html5 admite el toque en los teléfonos móviles?

EDITAR

me refiero a la compatibilidad con JavaScript para nativo de contacto en el navegador para que pueda hacer que lo propio con el toque en HTML5.

Respuesta

8

Depende del tipo de evento táctil. Para sus eventos de clic/mouse estándar del navegador, el navegador los emula. Como lo mencionó Halst, simplemente haga que sus elementos cliqueables sean lo suficientemente grandes como para funcionar en un entorno móvil.

Si quiere usar gestos/movimientos multitouch, se vuelve un poco más interesante.

Webkit proporciona touchstart, touchmove, touchend, touchcancel. Para el soporte de eventos de un solo toque debería ser el mismo tanto en IOS Safari como en Android Webkit. Puede hacer las suyas o usar una biblioteca como jqTouch.

Puede leer más sobre IOS Safari handles touch events. Los eventos para Android no parecen estar tan bien documentados, pero puede leer más en quirksmode touch support.

+0

https://github.com/zlatnaspirala/multi-touch-canvas-handler/blob/master/README.md Con este script puedes manejar 10 dedos al mismo tiempo –

2

Simplemente haga que los gusks y los botones sean lo suficientemente grandes, y eso es todo.

+0

Quise decir el soporte de JavaScript en los navegadores móviles. Edité mi pregunta. –

0

Algo.

Es posible escribir una página web que se ve casi como una aplicación nativa para iPad (incluyendo multi-touch) pero tuve que renunciar al uso de eventos de "alto nivel" y tuve que manejar explícitamente la matriz touches para obtener un zoom/pan razonable. Los resultados son bastante buenos (personas que he demostrado que el editor de gráficos vectoriales pensó que era una aplicación nativa).

Para Android, sin embargo, las cosas son un poco complicadas porque en mi Nexus one aparentemente no hay forma de acercarme a pantalla completa (y que un teléfono pierda espacio en la barra de direcciones significa perder mucho espacio) y también multitouch está deshabilitado en el navegador predeterminado :-(

Ambos problemas (pantalla completa y multitáctil) se resuelven, por ejemplo, en Opera y esto en mi opinión es triste porque (puede ser) esto significa que no QUIEREN buenas aplicaciones web en el teléfono ...

Así que técnicamente es posible escribir un único programa html5/js que se ejecute tanto en el escritorio como en el teléfono, pero esto no significa que la mejor interfaz de usuario para una aplicación de escritorio sea también t él mejor para un teléfono.

Cuestiones relacionadas