---
title: Débogueur
slug: Tools/Debugger
tags:
  - Debugger
  - Debugging
  - Dev Tools
  - Firefox OS
  - Tools
translation_of: Tools/Debugger
original_slug: Outils/Débogueur
---
<div>{{ToolsSidebar}}</div>

<div>Le débogueur JavaScript vous permet de parcourir le code JavaScript et d'examiner ou de modifier son état afin d'aider à traquer les bugs.</div>

<div></div>

<p>{{EmbedYouTube("QK4hKWmJVLo")}}</p>

<p>Le débogueur peut fonctionner directement dans Firefox ou être utilisé à distance, par exemple sur un appareil Android utilisant Firefox pour Android. Voir le <a href="/fr/docs/Tools/Remote_Debugging">guide du débogage à distance</a> pour apprendre à connecter le débogueur à une cible distante.</p>

<p>Pour vous repérer dans le débogueur, voici une courte <a href="/fr/docs/Tools/Debugger/UI_Tour">visite guidée de l'interface utilisateur.</a></p>

<hr>
<h2 id="Comment">Comment ?</h2>

<p>Pour savoir ce qu'il est possible de faire avec le débogueur, regardez les guides pratiques suivants :</p>

<div class="twocolumns">
<ul>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Open_the_debugger">Ouvrir le débogueur</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Set_a_breakpoint">Ajouter un point d’arrêt</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Set_a_conditional_breakpoint">Ajouter un point d'arrêt conditionnel</a></li>
 <li><a href="/fr/docs/Tools/Debugger/Set_an_XHR_breakpoint">Ajouter un point d'arrêt XHR</a></li>
 <li><a href="/fr/docs/Tools/Debugger/Set_a_logpoint">Ajouter un point de log</a></li>
 <li><a href="/fr/docs/Tools/Debugger/Set_event_listener_breakpoints">Ajouter un point d'arrêt d'écouteur d'évènement</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Disable_breakpoints">Désactiver des points d’arrêt</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Step_through_code">Parcourir le code pas à pas</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Breaking_on_exceptions">S’arrêter sur les exceptions</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Set_Watch_Expressions">Ajouter des expressions espionnes</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Pretty-print_a_minified_file">Afficher joliment un fichier minifié</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Search_and_filter">Rechercher</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Debug_eval_sources">Déboguer des sources évaluées</a></li>
 <li><a href="/fr/docs/Tools/Debugger/How_to/Use_a_source_map">Utiliser une source map</a></li>
 <li><a href="/fr/docs/Tools/Debugger/Break_on_DOM_mutation">S'arrêter sur une mutation DOM</a></li>
</ul>
</div>

<hr>
<h2 id="Référence">Référence</h2>

<div class="twocolumns">
<ul>
 <li><a href="/fr/docs/Tools/Debugger/Keyboard_shortcuts">Raccourcis clavier</a></li>
 <li><a href="/fr/docs/Tools/Debugger/Source_map_errors">Erreurs des sources maps</a></li>
</ul>
</div>