comment déboguer les js dans jsfiddle

Je regarde ce jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Cela fonctionne très bien ce n'est pas le problème, je veux juste savoir comment déboguer via le javascript. J'ai essayé d'utiliser la commande du débogueur et je ne la trouve pas dans l'onglet sources? une idée de comment je peux déboguer cela?

un peu de 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 ajouter des points d'arrêt au fichier d'index affiché dans la capture d'écran Chrome ci-dessous.

Utilisez l' debugger;instruction 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 Chrome. Appuyez sur ctrl+ shift+ Fet vous pouvez rechercher dans tous les fichiers de la source.

En plus des autres réponses.

Très souvent, il est utile d'écrire simplement 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 s'il était enregistré à partir du code javascript habituel.
C'est assez simple et efficace.

Ajout d'une instruction de débogage dans le code et activation des "Developer Tools" dans le bowser. Ensuite, lorsque vous exécutez le code dans JSFiddle, le débogueur sera frappé !.

Voici un autre endroit :)

Sous le Jsfiddle.netnœud.

Le JavaScript est exécuté à partir du fichier ?editor_console=truedans le dossier de result (fiddle.jshell.net)/fiddle.jshell.net/_displaydossiers de l'onglet Sources de Chrome lors de l'utilisation de l'outil de développement. Vous pouvez ensuite ajouter des points d'arrêt à votre code et actualiser la page.

Pour plus d'informations sur l'utilisation du débogueur Chrome, consultez la page Essayer de déboguer Javascript dans Chrome