як налагодити 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. Натисніть 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