Inspisere iOS-programmer med avsløre

1. Hva er Reveal?

Hvis du noen gang har jobbet med Chrome Developer Tools, Safari's Web Inspector, så trenger jeg ikke å overbevise deg om deres kraft og nytte. Moderne verktøy som Chrome Developer Tools lar deg utforske og manipulere DOM av en nettside mens du samhandler med den.

Folk på Itty Bitty Apps har tatt den ideen og brakt den til iOS. Resultatet er Reveal, og det er imponerende.

Reveal, la oss inspisere og manipulere visningshierarkiet for et iOS-program ved kjøretid. Det gjør det mulig for utviklere å gjøre endringer ved kjøretid, som skyves til enheten eller iOS-simulatoren.

Alt du trenger å gjøre er å installere Reveal på utviklingsmaskinen, inkludere Reveal-biblioteket i ditt iOS-program, og sørg for at Mac- og iOS-programmet er på samme nettverk. Det er så enkelt.

2. Komme i gang

1. Installer Avslør

Reveal er ikke gratis, men det har en 30-dagers prøveversjon. Besøk Reveals nettsted, last ned en kopi, og installer den på din Mac.

2. Inkluder Reveal Library

Før du kan begynne å jobbe med Reveal, må du inkludere Reveal-biblioteket i ditt Xcode-prosjekt.

Med CocoaPods

CocoaPods gjør dette trinnet veldig enkelt. Åpne prosjektets Podfile, legg til pod 'Reveal-iOS-SDK', og løp pod oppdatering fra kommandolinjen.

uten CocoaPods

Det første trinnet er å knytte prosjektet ditt mot Reveal-biblioteket. Du kan finne plasseringen av Reveal-biblioteket ved å starte Reveal-programmet på Mac-en din og velge Vis Avslør bibliotek i Finder fra Hjelp Meny. Du må også legge til -ObjC flagg til Andre Linker Flagger i målet ditt Bygg innstillinger.

Hvis du fortsatt bruker Xcode 4, så sørg for å knytte prosjektet ditt mot CFNetwork og QuartzCore rammeverk. Dette trinnet er ikke nødvendig hvis du bruker Xcode 5.

3. Bygg og kjøre

Bygg prosjektet ditt og kjør ditt iOS-program i iOS-simulatoren eller på en fysisk enhet. Hvis du kjører iOS-programmet på en fysisk enhet, må du kontrollere at enheten er i samme nettverk som Mac Reveal kjører på.

3. Inspisere visningshierarki

Brukergrensesnitt

Reveals brukergrensesnitt inneholder tre seksjoner:

  • Til venstre ser du visningshierarkiet av søknadens nåværende tilstand. Øverst bør du se UIScreen gjenstand.
  • I midten ser du programmets brukergrensesnitt med to kontroller øverst, zoom og perspektiv. Den andre kontrollen lar deg bytte mellom en 2D- og 3D-visualisering. 3D-visualiseringen er utrolig nyttig hvis du prøver å finne den ene som burde være der, men ikke.
  • Den høyre ruten er veldig lik den du finner i Xcode. Den inneholder en rekke inspektører som viser informasjon om hva du har valgt i visningshierarkiet til venstre eller i midten.

Isolerende visninger

Å se visningshierarkiet i søknaden din kan være litt overveldende, spesielt hvis du jobber med en samling eller tabellvisning. Du kan kollapse deler av visningshierarkiet, og du kan også zoome inn på programmets brukergrensesnitt i sentervisningen.

Til tider vil du bare fokusere på en samling av visninger, en tabellvisningscelle, for eksempel. Du kan isolere en gruppe undervisninger ved å dobbeltklikke på en visning i visningshierarkiet til venstre eller i midten. Du kan også navigere i visningshierarkiet ditt ved hjelp av hoppelinjen øverst i vinduet.

Du kan laste inn programmets visningshierarki ved å klikke på knappen øverst til høyre i vinduet.

4. Manipulerende visningshierarki

Å utforske søknadens visningshierarki fra flere vinkler er flott, men det stopper ikke der. En av de mest kraftige funksjonene i Reveal er dens evne til å manipulere visninger i visningshierarkiet.

Velg en visning i visningshierarkiet og rediger egenskapene i høyre rute. Avslør ikke bare oppdateringer det du ser i Reveal, det skyver også endringene til enheten din eller iOS-simulatoren. Dette fungerer med en hvilken som helst visning i visningshierarkiet.

5. Et forsiktighetsord

Før du begynner å eksperimentere med Reveal, er det viktig å vite at Reveal ikke skal inkluderes i utgivelsesbygg. Dette er tydelig angitt på Reveals nettsted. Hvis du glemmer å fjerne Reveal fra utgivelsesbygg, vil søknaden din bli avvist - det er en garanti.

Det er imidlertid ganske enkelt å forhindre at dette skjer ved å opprette to mål, et utviklingsmål som inkluderer Reveal-biblioteket og et mål for utgivelsesbygg som ikke gjør det. Dette er et stykke kake hvis du bruker CocoaPods. Ta en titt på følgende Podfile for å se hvordan dette fungerer.

plattform: IOS, '7.0' pod 'AFNetworking', '~> 2.2' pod 'CocoaLumberjack', '~> 1.8' mål: Utvikling gjør pod 'Reveal-iOS-SDK', '~> 1.0' enden

6. Inspisere tredjeparts applikasjoner

Jeg pleier ikke å jailbreak mine iOS-enheter, men Peter Steinberger overbeviste meg med innlegget hans om inspeksjon av tredjeparts applikasjoner. Les innlegget hans hvis du er nysgjerrig på å se hvordan medarbeiderne dine - eller Apple-build iOS-applikasjoner. Husk at jailbreaking en iOS-enhet kan forårsake permanent skade på enheten. Jailbreaking en iOS-enhet er ikke uten risiko.

Konklusjon

Reveal har endret måten jeg feilsøker brukergrensesnittproblemer. Jo mer jeg bruker det, jo mer kommer jeg til å stole på det. Å avdekke er ikke gratis, men det er mer enn verdt pengene sine. Dra fordel av 30-dagers prøveversjon og begynn å utforske iOS-applikasjonene dine ved å bruke dette kraftige verktøyet.