jak do debugowania js w jsfiddle

Question

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

niektóre kod z skrzypce:

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

Answer 1

Kod JavaScript jest wykonywany z folderu fiddle.jshell.net zakładki źródeł Chrome. Możesz dodać punkty przerwania do pliku indeksu pokazanego na zrzucie ekranu poniżej.

Answer 2

Oprócz innych odpowiedzi.

Bardzo często jest przydatna tylko zapisywać informacje debugowania do konsoli:

console.log("debug information here"); 

Wyjście jest dostępna w przeglądarkach dev konsoli narzędzi. Tak jakby był zalogowany ze zwykłego kodu javascript.
Jest to bardzo proste i skuteczne.

Answer 3

Oto kolejne miejsce :)

Pod węzłem Jsfiddle.net.

Answer 4

Coś warto wspomnieć. Jeśli kiedykolwiek używasz narzędzi do Chrome Chrome. Naciśnij ctrl + przesuń + F i możesz przeszukiwać wszystkie pliki w źródle.

Answer 5

Użyj instrukcji debugger; w kodzie. Przeglądarka wstawia punkt przerwania w tym oświadczeniu i można kontynuować w debugerze przeglądarki.

Powinno to działać co najmniej w wersji 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'}); 
}]);