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'});
}]);
debugger;
do kodu. Chrome i Firefox automatycznie otworzą debuger krok po kroku! (Skopiowałem tę wskazówkę z odpowiedzi @ user3335908, aby uczynić ją bardziej widoczną)Odpowiedzi:
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.
źródło
fiddle.jshell.net
zawiera tylko_display
z(index)
wewnątrz, czyli prawie pustą stroną HTML z rozszerzeniem<p>That page doesn't exist.</p>
. Nie ma mojego kodu jsUż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
źródło
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.
źródło
Oprócz innych odpowiedzi.
Bardzo często przydatne jest po prostu wpisanie informacji debugowania do konsoli:
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.
źródło
Dodanie instrukcji debuggera w kodzie i włączenie „Narzędzi programistycznych” w bowser. Następnie, gdy uruchamiasz kod w JSFiddle, debugger zostanie trafiony !.
źródło
Oto inne miejsce :)
Pod
Jsfiddle.net
węzłem.źródło
<pre>
...</pre>
. Nie jest to rzeczywisty kod do uruchomienia.JavaScript jest wykonywany z pliku
?editor_console=true
w folderzeresult (fiddle.jshell.net)/fiddle.jshell.net/_display
folderu 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
źródło