Inspection d'applications iOS avec Reveal

1. Qu'est-ce qui est révélé??

Si vous avez déjà travaillé avec les outils de développement Chrome, Web Inspector de Safari, je n'ai pas à vous convaincre de leur puissance et de leur utilité. Des outils modernes tels que les outils de développement Chrome vous permettent d'explorer et de manipuler le DOM d'une page Web lorsque vous interagissez avec celle-ci..

Les utilisateurs d'Itty Bitty Apps ont repris cette idée et l'ont apportée à iOS. Le résultat est Reveal et c'est impressionnant.

Révéler vous permet d'inspecter et de manipuler la hiérarchie de vues d'une application iOS au moment de l'exécution. Il permet aux développeurs d’apporter des modifications au moment de l’exécution, qui sont ensuite transférées vers le périphérique ou le simulateur iOS..

Il vous suffit d'installer Reveal sur votre ordinateur de développement, d'inclure la bibliothèque Reveal dans votre application iOS et de vous assurer que vos applications Mac et iOS sont sur le même réseau. C'est si simple.

2. Commencer

1. Installez Reveal

Révéler n'est pas gratuit, mais il comporte un essai de 30 jours. Visitez le site Web de Reveal, téléchargez-en une copie et installez-la sur votre Mac.

2. Inclure la bibliothèque Reveal

Avant de pouvoir utiliser Reveal, vous devez inclure la bibliothèque Reveal dans votre projet Xcode..

Avec CocoaPods

CocoaPods rend cette étape très facile. Ouvrez le fichier podfile de votre projet, ajoutez pod 'SDK Reveal-iOS', et courir pod update depuis la ligne de commande.

Sans cacao

La première étape consiste à associer votre projet à la bibliothèque Reveal. Vous pouvez trouver l'emplacement de la bibliothèque Reveal en lançant l'application Reveal sur votre Mac et en sélectionnant Afficher la bibliothèque Reveal dans le Finder du Aidez-moi menu. Vous devez également ajouter le -ObjC drapeau à Autres drapeaux de lieur dans votre cible Paramètres de construction.

Si vous utilisez toujours Xcode 4, assurez-vous de lier votre projet à la CFNetwork et QuartzCore cadres. Cette étape n'est pas nécessaire si vous utilisez Xcode 5.

3. Construire et exécuter

Générez votre projet et exécutez votre application iOS dans le simulateur iOS ou sur un périphérique physique. Si vous exécutez votre application iOS sur un périphérique physique, assurez-vous que le périphérique est sur le même réseau que celui sur lequel Mac Reveal est en cours d'exécution..

3. Inspection de la hiérarchie de vues

Interface utilisateur

L'interface utilisateur de Reveal contient trois sections:

  • À gauche, vous voyez la hiérarchie de vues de l'état actuel de votre application. Tout en haut, vous devriez voir le UIScreen objet.
  • Au milieu, vous voyez l'interface utilisateur de votre application avec deux commandes en haut, zoom et perspective. La deuxième commande vous permet de basculer entre une visualisation 2D et 3D. La visualisation 3D est incroyablement utile si vous essayez de trouver cette vue qui devrait être là mais qui ne l’est pas..
  • Le volet de droite est très similaire à celui que vous trouvez dans Xcode. Il contient un certain nombre d'inspecteurs qui affichent des informations sur ce que vous avez actuellement sélectionné dans la hiérarchie des vues à gauche ou au milieu..

Isoler les vues

Voir la hiérarchie des vues de votre application peut être un peu fastidieux, surtout si vous travaillez avec une vue de collection ou de table. Vous pouvez réduire certaines parties de la hiérarchie de la vue et vous pouvez également zoomer sur l'interface utilisateur de votre application dans la vue centrale..

Parfois, vous souhaitez uniquement vous concentrer sur une collection de vues, une cellule de vue de tableau, par exemple. Vous pouvez isoler un groupe de sous-vues en double-cliquant sur une vue dans la hiérarchie des vues, à gauche ou au milieu. Vous pouvez également naviguer dans votre hiérarchie de vues à l'aide de la barre de saut en haut de la fenêtre..

Vous pouvez recharger la hiérarchie de vues de votre application en cliquant sur le bouton en haut à droite de la fenêtre..

4. Manipulation de la hiérarchie des vues

Explorer la hiérarchie de vues de votre application sous plusieurs angles est une bonne chose, mais cela ne s'arrête pas là. L'une des fonctionnalités les plus puissantes de Reveal est sa capacité à manipuler des vues dans la hiérarchie des vues..

Sélectionnez une vue dans la hiérarchie des vues et modifiez ses propriétés dans le volet de droite. Reveal non seulement met à jour ce que vous voyez dans Reveal, il transmet également les modifications à votre appareil ou au simulateur iOS. Cela fonctionne avec n'importe quelle vue dans la hiérarchie.

5. Un mot de prudence

Avant de commencer à expérimenter avec Reveal, il est important de savoir que Reveal ne doit pas être inclus dans les versions de version. Ceci est clairement indiqué sur le site Web de Reveal. Si vous oubliez de supprimer Reveal des versions validées, votre application sera rejetée, ce qui constitue une garantie..

Cependant, il est assez facile d'empêcher cela de se produire en créant deux cibles, une cible de développement qui inclut la bibliothèque Reveal et une cible pour les versions validées qui ne le font pas. Ceci est un morceau de gâteau si vous utilisez CocoaPods. Jetez un coup d’œil au podfile suivant pour voir comment cela fonctionne.

plate-forme: ios, pod '7.0' 'AFNetworking', '~> 2.2' pod 'CocoaLumberjack', '~> 1.8' cible: Development do pod 'Révéler-iOS-SDK', fin ~ ~ 1.0 '

6. Inspection des applications tierces

En général, je ne jailbreake pas mes appareils iOS, mais Peter Steinberger m'a convaincu avec son article sur l'inspection d'applications tierces. Lisez son article si vous êtes curieux de voir comment vos collègues développeurs ou Apple construiront des applications iOS.. Rappelez-vous que le jailbreak d'un appareil iOS peut causer des dommages permanents à l'appareil. Jailbreaker un appareil iOS n'est pas sans risque.

Conclusion

Reveal a changé la façon dont je débogue les problèmes d'interface utilisateur. Plus je l'utilise, plus je m'y fie. Révéler n'est pas gratuit, mais il vaut plus que son argent. Profitez de la période d'essai de 30 jours et commencez à explorer vos applications iOS avec ce puissant outil..