Apache Adobe Flex TutorialTutoriaux Adobe Flex & AIR en Français

Flex Debug – Debugging avec Flex Builder 2

Un des grands intérêts de Flex Builder 2 est le debugger intégré. FDB est gratuit, mais pour faire du debugging au jour le jour, le debugger de Flex Builder va vous rendre la vie plus facile.
L'installation par défaut de Flex Builder 2 (celle de Flex Builder 3 et du plug-in Eclipse aussi), va configurer les tâches dont vous aurez besoin pour lancer et debugger des applications. Pour debugger une application sur laquelle vous travaillez, vous avez simplement besoin de sélectionner Run>Debug depuis le menu principal (ou pressez F11). Cela va compiler l'application, la lancer dans un navigateur et connecter l'application au debugger. La première fois que vous allez debugger une application, l'environnement (plug-in Eclipse ou Flex Builder), va vous demander si vous voulez changer la perspective actuelle pour la transformer en perspective de debugging, ce qui est recommandé.

Une fois à l'intérieur de la perspective de debugging, vous avez accès aux applications qui sont actuellement lancées. Souvent, vous allez fixer un breakpoint pour arrêter l'application à un certain point durant l'exécution. Vous pouvez fixer des points d'arrêt en faisant un clic droit dans la marge à gauche d'une ligne de code source dans Flex Builder. Vous pouvez le faire pendant une session de debugging ou même avant le démarrage d'une session, dans la perspective de développement. Vous pouvez naviguer dans la liste des breakpoints crées en utilisant le panel Breakpoints. Ce panel Breakpoints contient une liste de tous les breakpoints actuellement fixés, et vous permet de naviguer directement vers un point d'arrêt ou de le désactiver. Ce panel est aussi utile quand vous n'êtes pas sûr que vous avez bien fixé des breakpoints dans votre application.
Quand Flash Player rencontre un point d'arrêt, l'exécution s'arrête, le debugger va prendre le focus et la pile d'appels (call stack) sera affichée. Vous avez ensuite le choix de laisser continuer l'application, de faire du pas-à-pas dans le code, de fixer des variables ou d'évaluer des expressions.

Les breakpoints sont habituellement fixés sur des portions de code ActionScript. Fixer un breakpoint sur une portion de code MXML va créer un point d'arrêt invalide. C'est pourquoi, Flex Builder tente de trouver le point d'arrêt le plus proche, s'il existe. Pour cela, il cherche dans les 10 prochaines lignes d'exécution, une point d'arrêt valide et de déplace automatiquement vers ce point d'arrêt.

Pour accélérer le process de debug, Flex Builder 2 et l'environnement Eclipse offre plusieurs raccourcis par défaut pour se déplacer dans le code:

• F5 : Stepping Into (rentrer dans la fonction courante)
• F6 : Stepping Over (ligne de code suivante)
• F7 : Step return
• F8 : Resume Execution (continuer l'exécution de l'application)

Quand vous faîtes du pas-à-pas dans le code, le debugger va avoir le contrôle sur le player. Parfois, vous aurez l'impression que le player et le navigateur sont bloqués. Ceci est normal quand vous faîtes du pas-à-pas dans le code. Pour arrêter le contrôle du debugger sur l'application jusqu'au prochain point d'arrêt, vous devez dire au debugger de continuer l'exécution en cliquant sur le bouton Play ou en pressant F8.
Pendant une session de debug, vous aurez aussi la possibilité de visionner les valeurs des variables pendant l'exécution. Le panel Variables (image suivante) va lister toutes les instances d'objet ainsi que leurs propriétés et valeurs. Pour changer une valeur, faîtes un clic droit sur une variable et sélectionnez Change Value. Vous pourrez ensuite rentre la nouvelle valeur.

Vous pouvez avoir uniquement une seule session de debug à la fois. Pour clore une session de debug, vous pouvez soit fermer Flash Player ou votre navigateur, ou vous pouvez cliquer sur le carré rouge dans le panel Debug. Attention tout de même, si vous fermez une session active de debug alors que la session est en état d'arrêt, le navigateur peut se fermer de manière innatendue.

Cet article ne couvre pas l'ensemble des fonctionalités de debug offertes par FB2. Pour plus d'informations, consulter la documentation fournie avec FB2.