2012-01-12 11 views
13

Sto sviluppando un'applicazione Web per iPad e testandola su Safari su Mac e Safari su iPad Simulator. Ora ci sono alcuni problemi con CSS in iPad Simulator che funzionano abbastanza bene in Safari su Mac. Ora la mia domanda è, Esiste un potente strumento di debug per Safari in iPad Simulator?Debug di app Web in iPad Simulator

+1

Come di iOS 6 Debug remoto è disponibile: http://stackoverflow.com/a/12762449/72428 – Blaine

risposta

12

Nota: Come di iOS6 questo non è il modo corretto di fare il debug remoto, lasciando questa risposta per ragioni storiche, ma si dovrebbe esaminare l'ispezione a distanza con Safari, ecco un buon articolo: http://jeffreysambells.com/2012/09/22/ios-safari-web-inspector

Hanno uno sguardo a questo, (uno script di bash che ho scritto) https://gist.github.com/2241976. Ti permetterà di aprire il simulatore di iPad ed eseguire l'ispettore remoto di Webkit, che apparirà proprio come questo.

iOS remote Inspector

+0

Si dovrebbe [rivelare] (http://meta.stackexchange.com/a/59302/130268) che questo è il tuo progetto. –

+2

Non un progetto, semplice script bash .. ma fatto. –

+0

Questo non sembra funzionare nelle ultime versioni di Xcode. –

0

iWebInspector è piuttosto un potente strumento per Safari del simulatore iOS. Utilizza lo stesso ispettore di Chrome e funziona bene (l'ho usato io stesso e l'ho trovato molto utile).

Dal loro sito

iWebInspector è uno strumento gratuito per il debug, profilo e ispezionare web applicazioni in esecuzione su iOS Simulator (iPhone o iPad). È possibile controllare le risorse , vedere e modificare HTML & CSS, utilizzare i punti di interruzione su JavaScript codice , creare grafici e altro come se si fosse su Safari per Desktop, Chrome o Firebug.

Funziona per qualsiasi web in Safari -la su browser web, per un webapp (schermo intero) al cromo-di meno e anche per le applicazioni che utilizzano UIWebView -inclusi PhoneGap Applications-.

28

Quando si esegue Safari in un simulatore di dispositivo XCode, il menu di sviluppo di Safari desktop (v6) mostra tali dispositivi. Da lì, puoi attivare gli strumenti di sviluppo (browser DOM, ecc.) Per il browser mobile. Questo mi ha aiutato a eseguire il debug di un problema di mobile safari css senza hardware.

iPad Simulator menu option

+0

Solo per aggiungere alla risposta @ t1m0, potrebbe essere necessario attivare il menu Sviluppo andando su Safari-> Preferenze-> Avanzate-> e selezionare "Mostra menu Sviluppo nella barra dei menu". –