Inspection du javascript sur jsfiddle.net dans Google Chrome

Question

Est-il possible de définir des points d'arrêt à l'aide de l'inspecteur de Google Chrome sur le code javascript saisi dans jsfiddle.net ?

Lorsque je vais dans l'onglet script des outils de développement, je vois beaucoup de script mais je ne sais pas où se trouverait mon script ou s'il peut s'y trouver tout court. Dans le passé, je me suis contenté d'une action console.log, mais j'aimerais bien pouvoir définir des points d'arrêt.

(Si ce n'est pas possible, je suis intéressé par d'autres moyens d'inspecter le javascript dans ce scénario).

Answer 1

Les appels au débogueur fonctionnent bien sur jsfiddle. Il suffit d'entrer cette ligne où vous voulez commencer le débogage :

debugger;

Debugger est idéal pour lancer le mode débogage dans chrome, firebug et même les outils de développement d'IE, mais vous devez généralement lancer le débogueur (c'est-à-dire "démarrer le débogage" dans IE, ouvrir firebug/outils de développement).

Answer 2

Dans les outils du développeur, sous l'onglet script, si vous sélectionnez fiddle.jshell.net dans la liste déroulante, aux alentours de la ligne 20-30 (en fonction de la quantité de CSS que vous avez), vous verrez une icône <script> qui contient le code de la fenêtre Javascript. Vous pouvez définir vos points d'arrêt ici.

Vous pouvez également évaluer le code dans la console par rapport à ce cadre en modifiant le contexte de la console :

Answer 3

Une autre astuce consiste à montrer votre bidule sans l'éditeur en utilisant la syntaxe suivante :

<normal path to your fiddle>/show/light/

à titre d'exemple : jsfiddle-link

Answer 4

Dans la console du développeur, allez dans l'onglet sources , ouvrez la représentation arborescente des sources (à gauche), ouvrez l'onglet fiddle.jsshell.net puis cliquez sur _display suivant (index) et vous devriez voir votre code.

Notez que si vous enregistrez votre code de cette manière _display sera remplacée par fiddle-reference/version/show . Par exemple JsQfE/2/show (qui n'existe pas à ce que je sache mais qui fait l'affaire en tant qu'exemple) .