Я смотрю на этот 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'});
}]);
debugger;
в код. Chrome и Firefox автоматически откроют пошаговый отладчик! (Я скопировал этот совет из ответа @ user3335908, чтобы сделать его более заметным)Ответы:
JavaScript выполняется из папки fiddle.jshell.net на вкладке «Источники» Chrome. Вы можете добавить точки останова в индексный файл, показанный на скриншоте Chrome ниже.
источник
fiddle.jshell.net
содержит только_display
with(index)
inside, то есть почти пустую HTML-страницу с<p>That page doesn't exist.</p>
. Моего js-кода там нетИспользуйте
debugger;
инструкцию в коде. Браузер вставляет точку останова в этот оператор, и вы можете продолжить в отладчике браузера.Это должно работать, по крайней мере, в Chrome и Firefox. https://developer.mozilla.org/en/docs/Web/JavaScript/Reference/Statements/debugger
источник
Стоит упомянуть. Если вы когда-нибудь использовали chrome dev tools. Нажмите ctrl+ shift+, Fи вы можете искать по всем файлам в источнике.
источник
В дополнение к другим ответам.
Очень часто бывает полезно просто записать отладочную информацию в консоль:
Вывод доступен в консоли инструментов разработчика браузеров. Как будто это было зарегистрировано с помощью обычного кода javascript.
Это довольно просто и эффективно.
источник
Добавление оператора отладчика в код и включение «Инструменты разработчика» в баузере. Затем, когда вы запускаете код в JSFiddle, отладчик будет поражен !.
источник
Вот еще одно место :)
Под
Jsfiddle.net
узлом.источник
<pre>
...</pre>
. Это не настоящий исполняемый код.JavaScript выполняется из файла
?editor_console=true
в папкеresult (fiddle.jshell.net)/fiddle.jshell.net/_display
папки на вкладке «Источники» Chrome при использовании инструмента разработчика. Затем вы можете добавить точки останова в свой код и обновить страницу.Дополнительную информацию об использовании отладчика Chrome можно найти в разделе Попытка отладки Javascript в Chrome.
источник