Как отлаживать 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'});
}]);

Ответы

Ответ 1

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

Debugging JSFiddle in Chrome

enter image description here

Ответ 2

Используйте оператор 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'});
}]);

Ответ 3

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

Ответ 4

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

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

console.log("debug information here");

Выход доступен в консоли браузеров dev tools. Например, он был зарегистрирован из обычного javascript-кода.
Это довольно просто и эффективно.

Ответ 5

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

В Jsfiddle.net node.

введите описание изображения здесь