blob: d156f6179b0164f6de98dfb0a4f39a223f722410 (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
|
---
title: Parcourir le code
slug: Tools/Debugger/How_to/Step_through_code
translation_of: Tools/Debugger/How_to/Step_through_code
original_slug: Outils/Débogueur/Comment/Parcourir_le_code
---
<div>{{ToolsSidebar}}</div>
<p>Quand le code s'arrête sur un point d'arrêt, il est possible de le parcourir pas à pas en utilisant les quatre boutons de la <a href="/fr/docs/Tools/Debugger/UI_Tour#toolbar">barre d'outils </a>:</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16431/breakpoint_toolbar.png" style="display: block; height: 220px; margin-left: auto; margin-right: auto; width: 600px;"></p>
<p>De gauche à droite :</p>
<ul>
<li>Reprendre : exécute le code jusqu'au prochain point d'arrêt</li>
<li>Passer la fonction : avance jusqu'à ligne suivante dans la même fonction</li>
<li>Entrer dans la fonction : avance jusqu'à la ligne suivante, sauf s'il y a un appel de fonction dans ce cas, le débogueur entre dans la fonction appelée</li>
<li>Sortir de la fonction : avance jusqu’à la fin de la fonction actuelle. Dans ce cas, le Débogueur reviens à l’exécution de la fonction appelante.</li>
</ul>
<p>{{EmbedYouTube("RQBwEk0-xe0")}}</p>
<p>Lors d'une pause, il est possible d'appuyer sur la touche <kbd>Échap</kbd> afind d'ouvrir la Console pour avoir plus d'informations sur les erreurs et les variables :</p>
<p><img alt="" src="https://mdn.mozillademos.org/files/16432/split_console.png" style="border: 1px solid black; display: block; height: 283px; margin-left: auto; margin-right: auto; width: 800px;"></p>
|
