MICHELEPISANI.IT
 

Effettua il debug con l'inspector di Safari

Debug di applicazioni Cordova/Phonegap per iOS con Safari

debug di applicazioni cordova phonegap per ios con safari
Settembre 19
07:062016

Per poter effettuare il debug delle nostre applicazioni ibride, create con Apache Cordova (Phonegap) e realizzate per girare su piattaforma iOS è possibile utilizzare l'inspector di Safari, come se si analizzasse un sito web (tant'è che il linguaggio dell'app è appunto HTML5, Javascript e CSS).
Il principio è lo stesso già visto nel mio articolo per Android "DEBUG DI APPLICAZIONI CORDOVA/PHONEGAP PER ANDROID CON CHROME".

La procedura di utilizzo è molto veloce e l'esito è garantito.
Basterà avviare la nostra applicazione sull'emulatore iOS di Xcode ed avviare il browser Safari. Dopo che l'app si è aperta sul dispositivo virtuale, e solo in quel momento (prima non sarà possibile attaccare il processo perchè la voce di menù che ci servirà per aprire l'inspector non sarà ancora visibile), nel menù del browser di Safari cliccare sulla voce:

Sviluppo --> Simulator --> nome pagina visualizzata sul device (nel caso specifico index.html)

A questo punto si aprirà la pagina dell'inspector (procedimento riassunto in Fig. 1) dove sarà possibile leggere i messaggi in console da Console, modificare HTML e CSS da Elementi, verificare gli elementi caricati e le chiamate esterne http da Network, ecc...

Apache Cordova - Debug di applicazioni iOS con Safari
Fig. 1 - L'inspector di Safari per il debug di applicazioni ibride per iOS

Tags
Condividi

Autore

Michele Pisani

Michele Pisani

Ho uno spiccato orientamento al problem-solving, se è troppo facile non mi diverto :)
Credo nella volontà e nel cambiamento perchè hanno fatto della mia passione il mio pane quotidiano.
Se devo descrivermi con una sola parola direi... "Concretezza", la mia stretta di mano è una garanzia.

0 Commenti

Non ci sono commenti

Nessuno ha ancora commentato questo articolo, fallo tu per primo!

Scrivi un Commento

Scrivi un Commento

Il tuo indirizzo email non sarà pubblicato.
I campi contrassegnati da un * sono obbligatori

Articoli e Argomenti correlati

Categorie popolari

Iscriviti alla mia newsletter

La tua e-mail con me sarà al sicuro.
Non fornirò mai le tue informazioni a nessuno!

Ultimi commenti

Michele

Ciao Antonio,
ma il tuo apk si chiama 'HelloWorld-release-unsigned.apk'?

Antonio

Grazie michele per la velocità con cui hai risposto, comunque ho seguito la tua guida passo per …

Michele

Ciao Antonio,
probabilmente stai utilizzando un'opzione non prevista per jarsigner e la …

Antonio

Ricevo questo errore da cosa dipende? Illegal option\: …