Simulation d'événements tactiles sur un navigateur de PC

Question

Je développe une application HTML pour l'iPad. En tant que tel, il utilise le toucher événements et webkit-les animations CSS.

Jusqu'à maintenant j'ai utilisé google chrome, comme mon environnement de débogage car il est génial le mode développeur.

Ce que je voudrais, c'est être en mesure de déboguer mon code Html/Javacript à l'aide de Google-Chrome débogueur sur mon PC tout en simulant des événements tactiles avec ma souris.

Mon site n'a pas de multi-touch événements, et aucun des événements de la souris (pas de souris sur l'iPad).

Je ne suis pas réellement intéressés à voir les applications de mise en page, mais plus dans le débogage c'est le comportement.

Est-il un plugin pour obtenir des événements de souris traduit dans les événements tactiles sur un navigateur de bureau?

Answer 1

À compter du 13 avril 2012

Dans Google Chrome developer et canaries construit il y a maintenant une case à cocher pour "Émuler les événements tactiles"

Vous pouvez le trouver en ouvrant les outils de développement F12 et en cliquant sur l'engrenage en bas à droite de l'écran.

Pour l'instant (Chrome ver.36.0.1985.125), vous pouvez le trouver ici: F12 => Esc => l'Émulation.

Answer 2

Le navigateur de bureau peut simuler des événements tactiles en important JS + CSS supplémentaire. Jeter un coup d'œil à:

1. addTouch
2. Membre fantôme

Answer 3

Nous utilisons ce script: http://code.google.com/p/jquery-ui-for-ipad-and-iphone/ Il permettra à tous les événements de la souris dans votre application d'être déclenchée par des événements tactiles à la place. Donc, puisque nous avons déjà eu une web application qui a utilisé un clic-droit, drag-n-drop, etc. il nous a permis d'effectuer toutes les mêmes fonctionnalités avec touch.

Je sais que c'est presque l'inverse de la simulation que vous recherchez (vous devrez le script de votre application principalement pour être utilisé par une souris), mais j'espère que cela aide tout de même.

Answer 4

Je suis tombé sur cette petite bibliothèque basée sur la librairie JQ UI. Assez chouette:

http://touchpunch.furf.com/

Answer 5

Si vous ciblez spécifiquement Webkit (iPad et autres), vous pouvez vous fier au code normal du gestionnaire d'événements (add / removeEventListener). Gardant cela à l'esprit, vous devrez probablement vous limiter à quelques événements - par exemple, "ontouchstart" devient "onclick" en fonction de l'environnement.

Je ne connais pas de bibliothèque offrant ce niveau de branchement, cependant. Assez facile à faire vous-même.