como depurar o js no jsfiddle

Estou olhando este jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Funciona bem esse não é o problema, só quero saber como depurar através do javascript. Tentei usar o comando debugger e não consigo encontrá-lo na guia de fontes? alguma ideia de como posso depurar isso?

algum código do violino:

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

O JavaScript é executado a partir da pasta fiddle.jshell.net da guia Fontes do Chrome. Você pode adicionar pontos de interrupção ao arquivo de índice mostrado na captura de tela do Chrome abaixo.

Use a debugger;instrução no código. O navegador insere um ponto de interrupção nesta instrução e você pode continuar no depurador do navegador.

Isso deve funcionar pelo menos em cromo e 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'});
}]);

Algo que vale a pena mencionar. Se você estiver usando ferramentas de desenvolvimento do Chrome. Pressione ctrl+ shift+ Fe você pode pesquisar todos os arquivos na fonte.

Além das outras respostas.

Muitas vezes, é útil apenas gravar informações de depuração no console:

console.log("debug information here");

A saída está disponível no console de ferramentas de desenvolvimento do navegador. Como se fosse registrado a partir do código javascript usual.
Isso é bastante simples e eficaz.

Adicionar uma instrução de depurador no código e habilitar as "Ferramentas de desenvolvedor" no bowser. Então, quando você estiver executando o código no JSFiddle, o depurador será atingido !.

Aqui está outro lugar :)

Sob o Jsfiddle.netnó.

O JavaScript é executado a partir do arquivo ?editor_console=truena pasta result (fiddle.jshell.net)/fiddle.jshell.net/_displaypasta da guia Fontes do Chrome ao usar a ferramenta de desenvolvedor. Você pode adicionar pontos de interrupção ao seu código e atualizar a página.

Mais informações sobre como usar o depurador do Chrome podem ser encontradas em Tentando depurar Javascript no Chrome