--- title: Déboguer des sources évaluées slug: Tools/Debugger/How_to/Debug_eval_sources translation_of: Tools/Debugger/How_to/Debug_eval_sources original_slug: Outils/Débogueur/Comment/Déboguer_des_sources_évaluées ---
{{ToolsSidebar}}

Il est possible de déboguer du code JavaScript qui à été évalué dynamiquement, soit en étant passé sous forme de chaine de caractère à la fonction eval(), soit en étant passé sous forme de chaine caractère au constructeur d'une Function.

Dans la vidéo ci-dessous, un page contenant le code source suivant est chargée :

var script = `function foo() {
               console.log('called foo');
             }
             //# sourceURL=my-foo.js`;

eval(script);

var button = document.getElementById("foo");
button.addEventListener("click", foo, false);

Cela nome le script "mon-foo.js"en utilisant l'instruction //# sourceURL. Cette source est alors listée dans le panneau de la liste des sources, et peut être ouverte comme n'importe quelle source.

{{EmbedYouTube("nFm8F8Anmic")}}

Le nom du script apparaitra également dans la pile d'exécution dans la Console Web.

Le Débogueur s’arrêtera également aux expressions debugger; dans les sources évaluées anonymes