comment déboguer les js dans jsfiddle

Je regarde ce jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Ça marche bien, ce n’est pas le problème, je veux juste savoir comment déboguer avec le javascript. J’ai essayé d’utiliser la commande du débogueur et je ne le trouve pas dans l’onglet Sources? aucune idée de comment je peux déboguer ceci?

un code du violon:

angular.module('app', ['appServices']) .config(['$routeProvider', function($routeProvider) { $routeProvider. when('/home', {templateUrl: 'home.html', controller: HomeCtrl}). when('/list', {templateUrl: 'list.html', controller: ListCtrl}). when('/detail/:itemId', {templateUrl: 'detail.html', controller: DetailCtrl}). when('/settings', {templateUrl: 'settings.html', controller: SettingsCtrl}). otherwise({redirectTo: '/home'}); }]); 

Le JavaScript est exécuté à partir du dossier fiddle.jshell.net de l’onglet Sources de Chrome. Vous pouvez append des points d’arrêt au fichier d’index affiché dans la capture d’écran Chrome ci-dessous.

Débogage de JSFiddle dans Chrome

entrer la description de l'image ici

Utilisez le debugger; déclaration dans le code. Le navigateur insère un point d’arrêt à cette instruction et vous pouvez continuer dans le débogueur du navigateur.

Cela devrait fonctionner au moins dans chrome et firefox. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger

 angular.module('app', ['appServices']) .config(['$routeProvider', function($routeProvider) { // *** Debugger invoked here debugger; $routeProvider. when('/home', {templateUrl: 'home.html', controller: HomeCtrl}). when('/list', {templateUrl: 'list.html', controller: ListCtrl}). when('/detail/:itemId', {templateUrl: 'detail.html', controller: DetailCtrl}). when('/settings', {templateUrl: 'settings.html', controller: SettingsCtrl}). otherwise({redirectTo: '/home'}); }]); 

Quelque chose qui mérite d’être mentionné. Si vous utilisez des outils de développement de chrome. Appuyez sur Ctrl + Maj + F et vous pouvez rechercher dans tous les fichiers de la source.

En plus des autres réponses.

Très souvent, il est utile d’écrire les informations de débogage dans la console:

 console.log("debug information here"); 

La sortie est disponible dans la console des outils de développement des navigateurs. Comme si elle était connectée à partir du code JavaScript habituel.
C’est assez simple et efficace.

Voici un autre endroit 🙂

Sous le nœud Jsfiddle.net .

entrer la description de l'image ici