29 917
modifications
Modifications
Sauter à la navigation
Sauter à la recherche
Ligne 30 :
Ligne 30 : + Ligne 38 :
Ligne 39 : + + + + + + + − + − {{traduction}}+ + − La ligne rouge dans l'éditeur (#5) se déplace à chaque pas de votre programme. C'est la prochaine ligne qui sera exécutée, et qui restera centrée dans la fenêtre de l'éditeur pendant la progression du programme.+ − A l'extrême gauche de l'éditeur (#6), nous avons un espace vide à gauche des numéros de ligne. Cet espace est appelé la "gouttière". Si vous cliquez dans la gouttière lorsque le débogueur est en état "Ready", vous pouvez ajouter des points d'arrêt. Un point d'arrêt est utile dans de nombreuses situations, comme lorsque vous avez un long script, et qu'il y a un problème dans une section boguée. Au lieu d'exécuter lentement pas-à-pas votre programme, vous pouvez créer un point d'arrêt (un carré rouge apparaîtra dans la gouttière), ensuit cliquez sur "Run". Le script s'exécutera jusqu'au point d'arrêt, la ligne rouge marquera l'arrêt, et attendra que vous continuiez l'exécution.+ + − La dernière option à prendre en compte est les messages d'état de débogage (#7). Ceux-ci vous indiqueront la progression du débogueur. Par exemple, quand il charge au démarrage, ou lorsque vous cliquez "Save/Restart", il sera dans un état d'"initialisation...". Lorsqu'il sera prêt à accepter vos entrées, il sera "Ready". Certaines parties de votre script le feront apparaître bloqué, mais en réalité, il attend une réponse du serveur à votre script (une commande sleep() de longue durée peut causer cet état, par exemple). + + + + + + + + − + + + + + − + + + + +
→Les volets de débogage
Le débogueur réalise plus de choses que simplement exécuter le programme (également plus que l'utilisation visualiseur).
Le débogueur réalise plus de choses que simplement exécuter le programme (également plus que l'utilisation visualiseur).
=== La barre d'outils ===
La première chose que vous remarquerez c'est les nouveau boutons qui apparaissent dans la la barre d'outils (#1):
La première chose que vous remarquerez c'est les nouveau boutons qui apparaissent dans la la barre d'outils (#1):
* '''Step in''': (''pas dedans'' en traduction littérale). C'est aussi une exécution pas-à-pas comme décrit ci-dessus '''mais''' lorsque le débogueur rencontrera un appel de fonction, il sautera dans la définition de la fonction où vous pourrez continuer l'exécution pas à pas.<br />Une fois le débogage de la fonction terminée, le débogueur vous replacera tout seul au point d'appel de cette dernière où vous pourrez poursuivre le débogage pas-à-pas.<br />''C'est un mode de débogage pratique '''si vous voulez savoir''' ce qui se passe dans les différentes fonctions utilisées''.
* '''Step in''': (''pas dedans'' en traduction littérale). C'est aussi une exécution pas-à-pas comme décrit ci-dessus '''mais''' lorsque le débogueur rencontrera un appel de fonction, il sautera dans la définition de la fonction où vous pourrez continuer l'exécution pas à pas.<br />Une fois le débogage de la fonction terminée, le débogueur vous replacera tout seul au point d'appel de cette dernière où vous pourrez poursuivre le débogage pas-à-pas.<br />''C'est un mode de débogage pratique '''si vous voulez savoir''' ce qui se passe dans les différentes fonctions utilisées''.
=== L'éditeur ===
L'éditeur est également affiché (#2). Vous pouvez éditer votre fichier à tout moment. Lorsque vous faites des modifications dans votre fichier, vous devrez cliquer le lien "Save/Restart" (''sauver et redémarrer'') dans la barre d'outils pour que le débogueur prenne ces changements en compte.
L'éditeur est également affiché (#2). Vous pouvez éditer votre fichier à tout moment. Lorsque vous faites des modifications dans votre fichier, vous devrez cliquer le lien "Save/Restart" (''sauver et redémarrer'') dans la barre d'outils pour que le débogueur prenne ces changements en compte.
La ligne rouge dans l'éditeur (#5) se déplace à chaque pas ("step") de votre programme. Elle indique la prochaine ligne qui sera exécutée.
Durant le debogage, WebIDE fait en sorte que cette ligne rouge reste centrée dans la zone visible de l'éditeur. Ne soyez donc pas étonné de voir votre codé défiler lorsque vous exécutez un "pas" dans votre programme.
=== Les volets de débogage ===
Sur les deux volets du bas, vous y verrez "les sorties" produites durant le débogage (#3) et les différentes variables accessibles par le débogueur (#4).
Sur les deux volets du bas, vous y verrez "les sorties" produites durant le débogage (#3) et les différentes variables accessibles par le débogueur (#4).
* La sortie débogage affiche les sorties ''stdout'' et ''stderr'' produites par votre programme produit.<br />Les instructions "print", par exemple, produisent du texte sur ''stdout''. Ce texte sera donc visible dans le volet (#3)..
* La sortie débogage affiche les sorties ''stdout'' et ''stderr'' produites par votre programme produit.<br />Les instructions "print", par exemple, produisent du texte sur ''stdout''. Ce texte sera donc visible dans le volet (#3)..
* Les variables de débogage affichent les valeurs réelles qui leurs sont assignées durant l'exécution. Ces valeurs sont donc rafraichies à chaque nouveau pas de débogage pour que le contenu reflète les opérations exécutées par votre programme.<br />Le contenu de cette section, et ne nombre de variables visibles, dépends donc de la progression du programme.
* Les variables de débogage affichent les valeurs réelles qui leurs sont assignées durant l'exécution. Ces valeurs sont donc rafraichies à chaque nouveau pas de débogage pour que le contenu reflète les opérations exécutées par votre programme.<br />Le contenu de cette section, et le nombre de variables visibles, dépends donc de la progression du programme.
=== La marge du débogueur ===
A l'extrême gauche de l'éditeur (#6), nous avons une marge/espace vide sur la gauche affichant les numéros de ligne. Vous pouvez ajouter des points d'arrêt en cliquant dans la marge lorsque le débogueur est en état "Ready" ("Ready" signifie ''prêt'').
Un point d'arrêt est utile dans de nombreuses situations comme lorsqu'une section est boguée dans un très long script. Au lieu d'exécuter tout le script pas-à-pas jusqu'au point problématique (ce qui est fastidieux et prendra un temps assez long), vous pouvez créer un point d'arrêt à l'endroit litigieux (un carré rouge apparaîtra dans la marge) et cliquez ensuite sur "Run". Le script s'exécutera jusqu'au point d'arrêt, la ligne rouge marquera l'arrêt, et attendra que vous instructions. Vous pourrez alors continuez votre exécution pas-à-pas dans la partie de code boguée.
=== L'état du débogueur ===
Un dernier point à prendre en considération sont les "messages d'état de débogage" (#7).
Ceux-ci indique ce que fait le débogueur.
Par exemple, quand il se charge au démarrage, ou lorsque vous cliquez "Save/Restart" (sauver/redémarrer), le débogueur sera dans l'état "Initializing..." (signifiant ''initialisation...'' en français).
Lorsqu'il sera prêt à accepter vos commandes, il sera en état "Ready" (''Prêt''). Certaines parties de votre script feront apparaitre le débogueur comme bloqué, mais en réalité, ce dernier attend simplement une réponse de votre script. Cet état peut, par exemple, être causé par une commande sleep() de longue durée.
== Cas pratique ==
[[Fichier:Pi-WebIde-Debug-03.png]]
[[Fichier:Pi-WebIde-Debug-03.png]]
Dans la capture d'écran ci-dessus, vous pouvez voir à quoi ressemble le débogueur pendant l'exécution d'un programme. Le débogueur est un pas avant le point d'arrêt imposé à la ligne 13 du code. Vous pouvez voir 'print "Bonjour, World"' dans la sortie débogage, et les valeurs des variables au moment de l'exécution du programme.
Dans la capture d'écran ci-dessus, vous pouvez voir à quoi ressemble le débogueur pendant l'exécution d'un programme.
Le débogueur est actuelle en attente d'instruction (état "Ready") un pas après que le point d'arrêt situé sur la ligne 13. Vous pouvez voir le message ''Bonjour, World'' résultat de l'instruction 'print "Bonjour, World"' exécuté à la ligne 10 (avant le point d'arrêt).
Les valeurs des variables sont également visibles dans le visualiseur (ces valeurs correspondent à l'état d'exécution actuel du programme... donc à l'exécution de la ligne 13 inclus... la ligne 14 n'étant pas encore exécutée).
A ce point du cycle de débogage, vous pouvez éditer votre fichier, et "Save/Restart". Vous pouvez continuer le parcourt pas-à-pas du programme, ou quitter le débogueur.
A ce point du cycle de débogage, vous pouvez:
# Editer le contenu de votre script puis exécuter un "Save/Restart" (''Sauver/redémarrer'').
# Continuer l'exécution pas-à-pas du programme avec "Step Over" (ou "Step In")
# Continuer l'exécution du programme jusqu'à la fin (ou prochain point d'arrêt) avec "Run" (''exécuter'').
# Quitter et interrompre le débogage avec "Exit" (''sortir/quitter'').
{{Pi-WebIde-TRAILER}}
{{Pi-WebIde-TRAILER}}