jak debugować js w jsfiddle

Patrzę na to jsfiddle: http://jsfiddle.net/carpasse/mcVfK/ Działa dobrze, to nie jest problem, po prostu chcę wiedzieć, jak debugować za pomocą javascript. Próbowałem użyć polecenia debuggera i nie mogę go znaleźć na karcie źródeł? masz pomysł, jak mogę to debugować?

jakiś kod ze skrzypiec:

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 jest wykonywany z folderu fiddle.jshell.net na karcie Źródła przeglądarki Chrome. Możesz dodać punkty przerwania do pliku indeksu pokazanego na poniższym zrzucie ekranu Chrome.

Użyj debugger;instrukcji w kodzie. Przeglądarka wstawia punkt przerwania w tej instrukcji i możesz kontynuować w debugerze przeglądarki.

Powinno to działać przynajmniej w Chrome i 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'});
}]);

Coś, o czym warto wspomnieć. Jeśli kiedykolwiek korzystasz z narzędzi programistycznych Chrome. Naciśnij ctrl+ shift+ F, aby przeszukać wszystkie pliki w źródle.

Oprócz innych odpowiedzi.

Bardzo często przydatne jest po prostu wpisanie informacji debugowania do konsoli:

console.log("debug information here");

Wynik jest dostępny w konsoli narzędzi deweloperskich przeglądarek. Jakby był zalogowany ze zwykłego kodu javascript.
Jest to dość proste i skuteczne.

Dodanie instrukcji debuggera w kodzie i włączenie „Narzędzi programistycznych” w bowser. Następnie, gdy uruchamiasz kod w JSFiddle, debugger zostanie trafiony !.

Oto inne miejsce :)

Pod Jsfiddle.netwęzłem.

JavaScript jest wykonywany z pliku ?editor_console=truew folderze result (fiddle.jshell.net)/fiddle.jshell.net/_displayfolderu na karcie Źródła przeglądarki Chrome podczas korzystania z narzędzia programistycznego. Następnie możesz dodać punkty przerwania do kodu i odświeżyć stronę.

Więcej informacji na temat używania debugera Chrome można znaleźć w artykule Próba debugowania JavaScript w przeglądarce Chrome