как отлаживать js в jsfiddle

Я смотрю на этот jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Он отлично работает, это не проблема, я просто хочу знать, как отлаживать с помощью javascript. Я пытался использовать команду отладчика, но не могу найти ее на вкладке источников? есть идеи, как я могу это отладить?

какой-то код из скрипки:

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

JavaScript выполняется из папки fiddle.jshell.net на вкладке «Источники» Chrome. Вы можете добавить точки останова в индексный файл, показанный на скриншоте Chrome ниже.

Используйте debugger;инструкцию в коде. Браузер вставляет точку останова в этот оператор, и вы можете продолжить в отладчике браузера.

Это должно работать, по крайней мере, в Chrome и 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'});
}]);

Стоит упомянуть. Если вы когда-нибудь использовали chrome dev tools. Нажмите ctrl+ shift+, Fи вы можете искать по всем файлам в источнике.

В дополнение к другим ответам.

Очень часто бывает полезно просто записать отладочную информацию в консоль:

console.log("debug information here");

Вывод доступен в консоли инструментов разработчика браузеров. Как будто это было зарегистрировано с помощью обычного кода javascript.
Это довольно просто и эффективно.

Добавление оператора отладчика в код и включение «Инструменты разработчика» в баузере. Затем, когда вы запускаете код в JSFiddle, отладчик будет поражен !.

Вот еще одно место :)

Под Jsfiddle.netузлом.

JavaScript выполняется из файла ?editor_console=trueв папке result (fiddle.jshell.net)/fiddle.jshell.net/_displayпапки на вкладке «Источники» Chrome при использовании инструмента разработчика. Затем вы можете добавить точки останова в свой код и обновить страницу.

Дополнительную информацию об использовании отладчика Chrome можно найти в разделе Попытка отладки Javascript в Chrome.