Sto facendo un po 'di sviluppo su iPhone. Sto scrivendo un'app nativa per iPhone, che utilizza un oggetto UIWebView per caricare siti Web con javascript. Trovo molto difficile il debug del codice javascript su un iPhone. Quali sono i metodi/le tecniche disponibili per questa materia?Il modo migliore per eseguire il debug di Javascript su un'app per iPhone?
Dato che Safari su iPhone utilizza il webkit, è possibile utilizzare il debugger integrato nel web inspector di Safari desktop. Mentre ci saranno probabilmente alcune stranezze che sono diverse tra le piattaforme, ti darà una buona idea di cosa sta succedendo nell'interprete.
Sono d'accordo con pjbeardsley. Vorrei aggiungere per utilizzare la tua pagina web entro http://www.testiphone.com/ solo così puoi vedere come saranno le dimensioni. Utilizzerò sicuramente Safari e il Web Inspector per questo
Ho avuto un successo misto usando Dashcode che ha un debugger javascript abbinato a iPhone Simulator. È un po 'complicato lavorare perché non è possibile avviarlo senza aprire un progetto. Ma, come ricordo, ho pubblicato il progetto sul web, ho lanciato un progetto segnaposto e poi ho eseguito il debug del progetto segnaposto in Dashcode. Quindi ho navigato nel mio url nel simulatore e sono stato in grado di impostare i breakpoint. Probabilmente c'erano alcuni altri cerchi da saltare, ma una volta funzionante, è stato come se avessi un vero debugger all'interno di Mobile Safari, il che è stato grandioso.
Buona fortuna
Simile a Adrian Harris, è possibile eseguire il debug di qualsiasi sito web su iPhone con la creazione di un progetto fittizio in Dashcode, cliccando su "Safari Mobile" e poi su "Esegui"
Una volta che il iPhone Simulator si apre e Safari si apre con il sito Web del progetto fittizio, fai clic sulla barra url di Safari, inserisci un URL pubblico e quando sei sul sito, puoi fare clic su "Pausa" e il debugger comparirà dopo l'esecuzione di qualsiasi codice javascript . A questo punto, le variabili possono essere ispezionate, i punti di interruzione impostati, ecc.
Se si ha accesso a un telefono Android, è possibile eseguire il debug dell'applicazione utilizzando gli strumenti di sviluppo completi del desktop di Chrome e un cavo USB (molto conveniente).
Ciò significa che il debugger, il profiler, l'ispettore HTML, ecc., Sono tutti in esecuzione sul telefono cellulare, ma sono accessibili tramite Chrome in esecuzione sul computer laptop/desktop.
Android Chrome e Safari mobile di iPhone sono di solito più simili tra loro di quanto desktop Safari è quello di Safari Mobile, il formato dello schermo sarà simile, il layout simile, e sarete in grado di provare gli eventi tocco reale, etc.
https://developers.google.com/chrome/mobile/docs/debugging
e ti richiedono Chrome, un dispositivo Android in grado di eseguire l'applicazione Chrome Android, e un cavo USB.
È necessario installare e utilizzare il comando della console ADB, ma una volta funzionante, sarà disponibile l'interfaccia degli strumenti di sviluppo Chrome completa per il debug di dispositivi mobili.
So che questa è una vecchia questione, ma ha voluto aggiornare le risposte con le ultime informazioni ->
Il nuovo Safari (per Mac) ha un modo di usare il Web Inspector su un iPhone reale o iPad in in tempo reale se si dispone del software più recente (Safari, iOS6 e MacOS) e di un iDevice collegato (con cavo).
È possibile accedervi attivandolo nelle preferenze "avanzate" di Safari su iPhone, quindi nel menu di sviluppo in Safari sul Mac. Vedi qui per maggiori informazioni: http://developer.apple.com/library/safari/#documentation/AppleApplications/Reference/SafariWebContent/DebuggingSafarioniPhoneContent/DebuggingSafarioniPhoneContent.html#//apple_ref/doc/uid/TP40006515
È anche possibile accedere ai simulatori allo stesso modo (installato con xCode).
Sono d'accordo. Ma cosa succede se la tua app funziona bene in Safari, ma si blocca nel simulatore iOS? Quale è più rappresentativo del browser mobile iPhone/iPad? – Wytze