Ispezionando le applicazioni iOS con Reveal

1. Che cos'è Reveal?

Se hai mai lavorato con gli Strumenti per sviluppatori di Chrome, Safari's Web Inspector, non devo convincerti del loro potere e utilità. Strumenti moderni come gli Strumenti per sviluppatori di Chrome ti consentono di esplorare e manipolare il DOM di una pagina web mentre interagisci con esso.

Le persone di Itty Bitty Apps hanno preso questa idea e l'hanno portata su iOS. Il risultato è Reveal ed è impressionante.

Rivela: ispezioniamo e manipoliamo la gerarchia delle viste di un'applicazione iOS in fase di runtime. Consente agli sviluppatori di apportare modifiche in fase di esecuzione, che vengono trasferite sul dispositivo o su iOS Simulator.

Tutto quello che devi fare è installare Reveal sul tuo computer di sviluppo, includere la libreria Reveal nella tua applicazione iOS e assicurarti che le tue applicazioni Mac e iOS siano sulla stessa rete. È così semplice.

2. Iniziare

1. Installare Reveal

Reveal non è gratuito, ma ha una prova di 30 giorni. Visita il sito web di Reveal, scarica una copia e installala sul tuo Mac.

2. Includi libreria di revoca

Prima di poter iniziare a lavorare con Reveal, è necessario includere la libreria Reveal nel progetto Xcode.

Con CocoaPods

CocoaPods rende questo passaggio molto facile. Apri il Podfile del tuo progetto, aggiungi pod "Reveal-iOS-SDK", e corri aggiornamento pod dalla riga di comando.

senza CocoaPods

Il primo passo è collegare il tuo progetto alla libreria Reveal. Puoi trovare la posizione della libreria Reveal lanciando l'applicazione Reveal sul tuo Mac e selezionando Mostra Reveal Library in Finder dal Aiuto menu. È inoltre necessario aggiungere il -objC bandiera a Altre bandiere Linker nel tuo obiettivo Costruisci le impostazioni.

Se stai ancora utilizzando Xcode 4, assicurati di collegare il tuo progetto a CFNetwork e QuartzCore quadri. Questo passaggio non è necessario se utilizzi Xcode 5.

3. Costruisci ed esegui

Crea il tuo progetto ed esegui la tua applicazione iOS in iOS Simulator o su un dispositivo fisico. Se stai eseguendo la tua applicazione iOS su un dispositivo fisico, assicurati che il dispositivo si trovi sulla stessa rete su cui è in esecuzione Mac Reveal.

3. Ispezione della gerarchia di visualizzazione

Interfaccia utente

L'interfaccia utente di Reveal contiene tre sezioni:

• A sinistra, viene visualizzata la gerarchia di visualizzazione dello stato corrente dell'applicazione. In cima, dovresti vedere il UIScreen oggetto.
• Nel mezzo, vedi l'interfaccia utente della tua applicazione con due controlli in alto, zoom e prospettiva. Il secondo controllo consente di passare da una visualizzazione 2D a una 3D. La visualizzazione 3D è incredibilmente utile se stai cercando di trovare quella vista che dovrebbe essere lì ma non lo è.
• Il pannello di destra è molto simile a quello che trovi in ​​Xcode. Contiene un numero di ispettori che mostrano informazioni su ciò che hai selezionato nella gerarchia della vista a sinistra o al centro.

Isolamento delle viste

Vedere la gerarchia della vista della tua applicazione può essere un po 'opprimente, specialmente se stai lavorando con una vista raccolta o tabella. È possibile comprimere parti della gerarchia della vista e si può anche ingrandire l'interfaccia utente della propria applicazione nella vista centrale.

A volte, vuoi concentrarti solo su una collezione di viste, ad esempio una cella di visualizzazione tabella. È possibile isolare un gruppo di sottoview facendo doppio clic su una vista nella gerarchia della vista a sinistra o al centro. Puoi anche navigare nella gerarchia della vista usando la barra di scorrimento nella parte superiore della finestra.

Puoi ricaricare la gerarchia della vista dell'applicazione facendo clic sul pulsante in alto a destra della finestra.

4. Manipolazione della gerarchia di visualizzazione

Esplorare la gerarchia delle viste della tua applicazione da più angolazioni è grandiosa, ma non si ferma qui. Una delle funzionalità più potenti di Reveal è la sua capacità di manipolare le viste nella gerarchia della vista.

Seleziona una vista nella gerarchia della vista e modifica le sue proprietà nel riquadro di destra. Reveal non aggiorna solo ciò che vedi in Reveal, ma spinge anche le modifiche al tuo dispositivo o al simulatore iOS. Funziona con qualsiasi vista nella gerarchia della vista.

5. Una parola di cautela

Prima di iniziare a sperimentare con Reveal, è importante sapere che Reveal non dovrebbe essere incluso nelle versioni di rilascio. Questo è chiaramente indicato sul sito web di Reveal. Se ti dimentichi di rimuovere Reveal dai build di rilascio, la tua domanda verrà respinta, è una garanzia.

Tuttavia, è abbastanza facile evitare che ciò accada creando due target, una destinazione di sviluppo che include la libreria Reveal e una destinazione per build di release che non lo fanno. Questa è una fetta di torta se usi CocoaPods. Dai un'occhiata al seguente Podfile per vedere come funziona.

piattaforma: ios, '7.0' pod 'AFNetworking', '~> 2.2' pod 'CocoaLumberjack', '~> 1.8' destinazione: sviluppo do pod 'Reveal-iOS-SDK', '~> 1.0' fine

6. Ispezione delle applicazioni di terzi

Di solito non eseguo il jailbreak dei miei dispositivi iOS, ma Peter Steinberger mi ha convinto con il suo post sull'ispezione di applicazioni di terze parti. Leggi il suo post se sei curioso di vedere come i tuoi colleghi sviluppatori - o Apple - costruiscono applicazioni iOS. Ricorda che il jailbreak di un dispositivo iOS può causare danni permanenti al dispositivo. Il jailbreak di un dispositivo iOS non è privo di rischi.

Conclusione

Reveal ha cambiato il modo in cui eseguo il debug dei problemi dell'interfaccia utente. Più lo uso, più mi affido a questo. Reveal non è gratuito, ma vale più del suo valore. Approfitta della versione di prova di 30 giorni e inizia a esplorare le tue applicazioni iOS utilizzando questo potente strumento.