Welche Debugging-Techniken verwenden Sie für die iPhone/iPod-Webentwicklung?

Question

Ich arbeite an einer Web-Anwendung, und wir das iPhone und den iPod Touch zielen. Ich bin vertraut mit den Debugging-Tools für FireFox und IE (z. B. Firebug und IE Developer Toolbar), aber ich kann nichts für den iPod finden. Ich freue mich nicht, alert als mein Debugging-Tool zu verwenden, insbesondere wenn ich erwarte, dass Mausereignisse eines der Hauptprobleme sind.

Ist this wirklich der Stand der Technik? Welche Werkzeuge empfehlen Sie?

Auch, wie ähnlich ist das HTML-Layout auf einem iPhone zu Safari unter Windows? Auf einem Mac?

Answer 1

Die iPhone-Version von Safari enthält eine Debug-Konsole, die sehr praktisch sein kann. Einstellungen> Safarai> Entwickler.

Sie können auch den Simulator im iPhone SDK verwenden. Es gibt kein zusätzliches Debugging, aber es ist einfacher als ein physisches Gerät die ganze Zeit zu verwenden.

Sie können auch die Desktop-Version von Safari für viele Dinge verwendet werden.

Answer 2

Die Web-Tools, die den iPod Touch und iPhone-Arenen Ziel

[iPhone Remote-Debug-Konsole] (http://code.google.com/p/iphonedebug/)

BlackBaud Simulator for Windows

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

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

Answer 3

Es gibt auch ein nettes Tool namens iWebInspector http://www.iwebinspector.com/

Answer 4

Während WebKit has a remote inspector, es ist schwer, auf einem tatsächlichen iOS-Gerät (zumindest ohne Jailbreak) und so die meisten Werkzeuge zu ermöglichen es sind Simulator geschützt. iWebInspector sieht vielversprechend aus, aber bedenken Sie, dass die WebKit-Bibliothek des Simulators nicht mit der des Geräts identisch ist.

Das ist, wo weinre kommt. Mit weinre, können Sie "debuggen eine Webseite auf Ihrem Handy von Ihrem Laptop angezeigt". Wie es funktioniert ist, dass Sie ihre benutzerdefinierten HTTP-Server ausführen, die zwei Dinge Gastgeber:

• eine JavaScript-Datei, die Sie auf der Seite sind Sie
• einen Inspektor Seite debuggen, die Sie auf dem Gerät laden Sie zu debuggen

Sie starten den Server z java -jar Downloads/weinre.jar --boundHost -all- --httpPort 4242 und setzen Sie dann einen Skript-Tag wie <script src="http://weinre-server-name.local:4242/target/target-script-min.js"> im Quellcode für Ihre Webseite und den Inspektoren laden, indem Sie auf beispielsweise die Navigation http://weinre-server-name.local:4242/client. Wenn Sie die Zielseite auf einem iPhone auf Ihrer lokale WiFi-Verbindung laden, wird die Verbindung zeigt in der Client-Seite auf Ihrem Mainframe und können Sie das Inspector Registerkarten verwenden, um die Seite auf dem iPhone/bearbeiten.

Es hat ein paar Einschränkungen (keine Javascript-Breakpoints und so) und kann ein wenig hinken, aber insgesamt ist es ziemlich magisch.