---
title: Débogueur (avant Firefox 52)
slug: Outils/Debugger_(before_Firefox_52)
translation_of: Tools/Debugger_(before_Firefox_52)
---
<div>{{ToolsSidebar}}</div><div class="note">
<p>Cette page concerne le Débogueur JavaScript dans les versions antérieures à Firefox 52.</p>

<p><a href="/fr/docs/Tools/Debugger">Voir la documentation pour les versions depuis Firefox 52.</a></p>
</div>

<p>Le débogueur JavaScript permet d'avancer pas à pas dans du code JavaScript et de l’examiner ou de le modifier, afin de retrouver et de corriger les bugs.</p>

<p>Le débogueur peut fonctionner directement dans Firefox ou être utilisé à distance, par exemple sur un appareil Firefox OS ou Firefox sur 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>{{EmbedYouTube("sK8KU8oiF8s")}}</p>

<hr>
<h2 id="Visite_guidée_de_l'interface_utilisateur">Visite guidée de l'interface utilisateur</h2>

<p>Pour vous repérer dans le débogueur, voici une courte <a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/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_(Before_Firefox_52)/How_to/Open_the_debugger">Ouvrir le débogueur</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Set_a_breakpoint">Ajouter un point d’arrêt</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Disable_breakpoints">Désactiver des points d’arrêt</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Step_through_code">Parcourir le code pas à pas</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Break_on_a_DOM_event">S’arrêter sur un évènement DOM</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Highlight_and_inspect_DOM_nodes">Afficher en surbrillance et inspecter des nœuds DOM</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Pretty-print_a_minified_file">Afficher joliment un fichier minifié</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Search_and_filter">Rechercher et filtrer</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Set_a_conditional_breakpoint">Ajouter un point d’arrêt conditionnel</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Examine,_modify,_and_watch_variables">Examiner, modifier, et espionner des variables</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Use_a_source_map">Utiliser une source map (correspondance de source)</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Black_box_a_source">Mettre une source dans une boite noire</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Debug_eval_sources">Déboguer des sources évaluées</a></li>
 <li><a href="/fr/docs/Tools/Debugger_(Before_Firefox_52)/How_to/Access_debugging_in_add-ons">Accéder au débogage depuis un module complémentaire</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/Settings">Paramètres</a></li>
</ul>
</div>