aboutsummaryrefslogtreecommitdiff
path: root/files/fr/tools/debugger/how_to/debug_eval_sources
diff options
context:
space:
mode:
authorFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
committerFlorian Merz <me@fiji-flo.de>2021-02-11 12:36:08 +0100
commit39f2114f9797eb51994966c6bb8ff1814c9a4da8 (patch)
tree66dbd9c921f56e440f8816ed29ac23682a1ac4ef /files/fr/tools/debugger/how_to/debug_eval_sources
parent8260a606c143e6b55a467edf017a56bdcd6cba7e (diff)
downloadtranslated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.gz
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.tar.bz2
translated-content-39f2114f9797eb51994966c6bb8ff1814c9a4da8.zip
unslug fr: move
Diffstat (limited to 'files/fr/tools/debugger/how_to/debug_eval_sources')
-rw-r--r--files/fr/tools/debugger/how_to/debug_eval_sources/index.html29
1 files changed, 29 insertions, 0 deletions
diff --git a/files/fr/tools/debugger/how_to/debug_eval_sources/index.html b/files/fr/tools/debugger/how_to/debug_eval_sources/index.html
new file mode 100644
index 0000000000..e0c305f21a
--- /dev/null
+++ b/files/fr/tools/debugger/how_to/debug_eval_sources/index.html
@@ -0,0 +1,29 @@
+---
+title: Déboguer des sources évaluées
+slug: Outils/Débogueur/Comment/Déboguer_des_sources_évaluées
+translation_of: Tools/Debugger/How_to/Debug_eval_sources
+---
+<div>{{ToolsSidebar}}</div>
+
+<p>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 <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/eval"><code>eval()</code></a>, soit en étant passé sous forme de chaine caractère au constructeur d'une <a href="/fr/docs/Web/JavaScript/Reference/Global_Objects/Function"><code>Function</code></a>.</p>
+
+<p>Dans la vidéo ci-dessous, un page contenant le code source suivant est chargée :</p>
+
+<pre class="brush: js">var script = `function foo() {
+ console.log('called foo');
+ }
+ //# sourceURL=my-foo.js`;
+
+eval(script);
+
+var button = document.getElementById("foo");
+button.addEventListener("click", foo, false);
+</pre>
+
+<p>Cela nome le script "mon-foo.js"en utilisant l'instruction <code>//# sourceURL</code>. Cette source est alors listée dans le <a href="/fr/docs/Tools/Debugger/UI_Tour#Source_list_pane">panneau de la liste des sources</a>, et peut être ouverte comme n'importe quelle source.</p>
+
+<p>{{EmbedYouTube("nFm8F8Anmic")}}</p>
+
+<p>Le nom du script apparaitra également dans la pile d'exécution dans la <a href="/fr/docs/Tools/Web_Console#Error_messages">Console Web</a>.</p>
+
+<p>Le Débogueur s’arrêtera également aux expressions <code><a href="/fr/docs/Web/JavaScript/Reference/Statements/debugger">debugger;</a></code> dans les sources évaluées anonymes</p>