Comment déboguer le js dans jsfiddle

Question

Je regarde ce jsfiddle : http://jsfiddle.net/carpasse/mcVfK/ Ça fonctionne bien, ce n'est pas le problème, je veux juste savoir comment déboguer le javascript. J'ai essayé d'utiliser la commande debugger et je ne la trouve pas dans l'onglet Sources? Des idées sur comment je peux déboguer ceci?

Un peu de code du fiddle :

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'});
}]);

Answer 1

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

Answer 2

Utilisez l'instruction debugger; 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/fr/docs/Web/JavaScript/Reference/Statements/debugger

angular.module('app', ['appServices'])
.config(['$routeProvider', function($routeProvider) {
    // *** Débogueur invoqué ici
    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'});
}]);

Answer 3

Ajoutez littéralement le mot debugger; à votre JavaScript et Chrome s'arrêtera à ce moment-là

Ajouté

debugger;

http://jsfiddle.net/mcVfK/111/

Notez que vous devez avoir la console de débogage (F12) ouverte avant d'atteindre l'appel debugger; sinon cela ne fonctionnera pas.

Answer 4

Quelque chose digne de mention. Si vous utilisez un jour les outils de développement de Chrome. Appuyez sur ctrl+shift+F et vous pourrez rechercher dans tous les fichiers de la source.

Answer 5

Ajouter une instruction de débogueur dans le code et activer les "outils de développement" dans le navigateur. Ensuite, lorsque vous exécutez le code dans JSFiddle, le débogueur sera déclenché!.