'Firebug' pour iPad

Question

J'ai un site qui utilise javascript pour lancer une superposition css d'une carte google (voir [lien supprimé car je ne peux en avoir qu'un seul à la fois] et cliquez sur le bouton 'Agrandir' sous la carte) .

Cela ne fonctionne pas sur l'ipad. Je crois que cela a quelque chose à voir avec ce n'est pas un lien, mais en utilisant le jquery live ('click', .. approche.J'ai besoin de résoudre ce problème, mais je suis nouveau à utiliser l'ipad et je ne sais même pas comment à l'étape à travers le javascript pour voir ce que le problème est

Quels types d'outils de développement sont disponibles pour les tests sur l'iPad

Edit: Mon erreur le lien ci-dessus fonctionne bien dans l'iPad - pas.?. Mais le site soeur http://lowes-realty.com/Stateline-Plaza_Enfield_CT-11.aspx ne fonctionne pas, ce dont j'ai besoin, c'est d'un système de développement qui va me permettre de les regarder tous les deux sur l'ipad (je veux vraiment éviter d'émuler ou d'usurper)

Answer 1

Le problème a fini par être que j'avais une erreur javascript qui avorté le script avant que je suis arrivé à la Code jQuery. Une fois que j'ai corrigé cela, j'ai pu utiliser jQuery sans faire de modifications spéciales pour l'ipad - génial! Je n'ai pas eu à faire quoi que ce soit avec les événements swipe ou tap (sweet!).

Cependant, je n'ai pas réussi à obtenir un débogueur javascript; Je devais travailler celui-ci pour moi-même. En novembre 2009 firebug lite a écrasé l'ipad pour moi et il ne semble pas y avoir d'outils de développement pour tester l'ipad. J'ai essayé plusieurs sites qui prétendaient fonctionner de la même manière que l'ipad dans votre navigateur et aucun d'eux ne tenait de l'eau.

Je n'ai aucune raison de croire qu'il existe une bonne option pour déboguer un site sur un ipad (encore).

Édition Un an plus tard ... Je suis toujours à la recherche d'un bon moyen de développer sur un iPad. Je viens juste de lancer Adobe Shadow - ce n'est pas vraiment un outil utile, mais il y a du potentiel (http://tv.adobe.com/watch/adobe-technology-sneaks-2012/adobe-shadow). En ce moment (3-29-12) l'inspecteur de code est essentiellement non-fonctionnel (ne peut pas voir les styles hérités, ne peut pas voir les éléments sans étendre le DOM de l'élément body, pas de débogage javascript, et beaucoup plus). Je sais que cela semble sans espoir, mais il y a une chose à laquelle je ne suis pas au courant: Shadow fonctionne avec tous les appareils mobiles existants et son inspecteur de code est indépendant de l'appareil et du navigateur.Donc, bien que l'inspecteur suce de façon spectaculaire en ce moment, une fois qu'ils construisent certaines fonctionnalités dans le Shadow pourrait être une bonne solution. A partir de leur site:

Ombre sera mis à jour régulièrement pour rester en avance sur les standards du Web, des mises à jour du navigateur web et support pour les nouveaux appareils mobiles entrant sur le marché , tout en intégrant les commentaires des utilisateurs pour fournir la meilleure fonctionnalité et de l'expérience possible .

~ http://labs.adobe.com/technologies/shadow/

Answer 2

Avez-vous essayé firebug lite? http://getfirebug.com/firebuglite#Install

Avez-vous testé cela dans Google Chrome? Comme google chrome est un navigateur webkit, vous pourrez peut-être faire la majorité de votre débogage en chrome, et résoudre des problèmes plus petits sur l'iPad lui-même.

Modifier:
Suppression des commentaires inutiles sur l'iPad.

Answer 3

Je pense que le problème est que sur l'iPhone/iPad, il n'y a pas d'événements de clics générés mais que l'on touche à la place des événements (glisser, appuyer).

Vous pouvez utiliser quelque chose comme jQTouch (vous pouvez commencer à lire ici Getting started, puis passez à l'indice des événements de rappel: appuyez sur == clic).

Si vous avez plus à vous adapter pouvez également regarder (et attendre une nouvelle version stable) de jQuery Mobile

Answer 4

weinre vous permet de joindre à distance un inspecteur de WebKit (les Outils Dev intégrés que vous utilisez sur les navigateurs de bureau) à une course de page sur votre appareil mobile (iPad/iPhone/iPod/Android/BlackBerry 6/webOS) sur WiFi.

http://phonegap.github.com/weinre/images/weinre-demo.jpg

JavaScript débogage est limité à console.log s, mais il vaut mieux que rien.

---

Si vous avez un dispositif ICS, Chrome Mobile lets you remotely attach a full-featured Inspector (avec débogage/JS complète des points d'arrêt) sur USB. J'ai vraiment été ravi d'utiliser cet outil avec mon Galaxy Nexus.