Déboguer des sources évaluées

Cette page décrit le Débogueur JavaScript tel qu'il apparait dans les versions 52 et plus de Firefox. Pour la documentation sur les versions antérieures, voir Débogueur (avant Firefox 52).

Si vous utilisez Firefox 52 ou plus récent, et que vous avez besoin d'utiliser l'ancien Débogueur, il faut changer la préférence "devtools.debugger.new-debugger-frontend" à false dans about:config (page du navigateur).

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 fonction.

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

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

var script = "function foo() {" +
             "  console.log('foo a été appelée');" +
             "}" +
             "foo();//# sourceURL=mon-foo.js";

function evalFoo() {
  eval(script);
}

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.

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

Étiquettes et contributeurs liés au document

 Contributeurs à cette page : maximelore, teoli
 Dernière mise à jour par : maximelore,