Simuler les événements tactiles sur un navigateur PC
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/JavaScript à 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 de son comportement.
Est-il un plugin pour obtenir des événements de souris traduit dans les événements tactiles sur un navigateur de bureau?
- Il n'y a pas de substitut pour le débogage de votre site sur un périphérique réel (surtout si jamais vous décidez de prendre en charge le multi-touch). Heureusement, le débogage dans le navigateur Chrome mobile est très facile maintenant, vous pouvez déboguer à distance via votre PC. Vous pouvez vous connecter à BAD via une connexion Wi-Fi gratuite, de trop, aucun câble USB n'est nécessaire.
- consultez ici freakyjolly.com/how-to-test-touch-behavior-in-google-chrome
Vous devez vous connecter pour publier un commentaire.
À 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.
Le navigateur de bureau peut simuler les événements tactiles par l'importation supplémentaires JS + CSS.
Jetez un oeil à:
Nous utiliser 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.
Une autre façon de simuler multi-touch sur un navigateur de bureau est le Touch Émulateur de Hammer.js
Je suis tombé sur cette petite bibliothèque basée sur l'JQ UI lib. Assez chouette:
http://touchpunch.furf.com/
Si vous ciblez Webkit spécifiquement (iPad et tout et tout), vous pouvez vous fier à la normale code de gestionnaire d'événements (ajouter/removeEventListener). Avec cela à l'esprit, vous avez probablement besoin simplement de branche sur quelques événements - e.g, 'ontouchstart" devient "onclick" reposant sur l'environnement.
Désinvolte, je ne sais pas du tout bibliothèques de fournir ce niveau de ramification, cependant. Très facile à faire vous-même.