Quelles techniques de débogage utilisez-vous pour le développement web iPhone/iPod?

Question

Je travaille sur une application web, et nous visons l'iPhone et l'iPod Touch. Je suis familier avec les outils de débogage pour FireFox et IE (par exemple Firebug et IE Developer Toolbar), mais je ne trouve rien pour l'iPod. Je ne suis pas impatient d'utiliser alert comme outil de débogage principal, surtout quand je m'attends à ce que les événements de la souris soient l'un des problèmes majeurs.

Est-ce que this est vraiment l'état de la technique? Quels outils recommandez-vous?

De même, quelle est la similitude entre la disposition html sur un iPhone et celle de Safari sous Windows? Sur un Mac?

Answer 1

La version iPhone de Safari comprend une console de débogage qui peut être très pratique. Paramètres> Safarai> Développeur.

Vous pouvez également utiliser le simulateur dans le SDK iPhone. Il n'y a pas de débogage supplémentaire, mais c'est plus facile que d'utiliser un périphérique physique tout le temps.

Vous pouvez également utiliser la version de bureau de Safari pour de nombreuses choses.

Answer 2

Les outils Web qui ciblent les arènes iPod Touch et iPhone sont

[iPhone à distance Console de débogage] (http://code.google.com/p/iphonedebug/)

BlackBaud Simulator for Windows

[MobileSafari Simulator] (http://www.testiphone.com/)

[ iPhoney] (http://marketcircle.com/iphoney/)

Answer 3

Il y a aussi un bel outil appelé iWebInspector http://www.iwebinspector.com/

Answer 4

Alors que WebKit has a remote inspector, il est difficile de permettre sur un appareil iOS réel (au moins sans jailbreak) et ainsi la plupart des outils pour ce simulateur sont seulement. iWebInspector semble prometteur pour cela, mais gardez à l'esprit que la bibliothèque WebKit du simulateur n'est pas identique à celle de l'appareil.

C'est là que weinre entre. Avec weinre, vous pouvez "déboguer une page web affichée sur votre téléphone à partir de votre ordinateur portable". Comment cela fonctionne est que vous exécutez son serveur HTTP personnalisé qui héberge deux choses:

• un fichier, vous include JavaScript sur la page que vous voulez déboguer
• une page Inspecteur que vous chargez sur la machine que vous souhaitez débugger

Vous démarrez le serveur par exemple java -jar Downloads/weinre.jar --boundHost -all- --httpPort 4242 puis placez une balise de script comme <script src="http://weinre-server-name.local:4242/target/target-script-min.js"> dans le code source de votre page Web et chargez l'inspecteur en naviguant par ex. http://weinre-server-name.local:4242/client. Lorsque vous chargez la page cible sur un iPhone sur votre connexion WiFi locale, la connexion s'affiche dans la page client de votre ordinateur central et vous pouvez utiliser les onglets de l'Inspecteur pour afficher/modifier la page sur l'iPhone.

Il a quelques limitations (pas de points d'arrêt Javascript et autres) et peut être un peu décalé, mais dans l'ensemble c'est plutôt magique.