Вопрос по javascript – Как установить точку останова JavaScript из кода в Chrome?
Я хочу, чтобы отладчик Chrome сломался на линии кодекс, или используя какой-либо тег комментария, например,console.break().
debugger; или просто используя обычные точки останова на панели инструментов разработчика?
diaho
debugger; это путь. Я написал небольшой скрипт, который вы можете использовать из командной строки в браузере для установки и удаления точки останова непосредственно перед вызовом функции:http: //andrijac.github.io/blog/2014/01/31/javascript-breakpoint
debugger является зарезервированным ключевым словом EcmaScript и дает дополнительную семантику начиная с ES5
В результате его можно использовать не только в Chrome, но и в Firefox и Node.jsс помощьюnode debug myscript.js.
The стандарт говорит:
Синтакси
DebuggerStatement :
debugger ;
Семантик
Оценка производства DebuggerStatement может позволить реализации вызвать точку останова при запуске под отладчиком. Если отладчик отсутствует или не активен, это утверждение не имеет видимого эффекта.
Производство DebuggerStatement: отладчик; оценивается следующим образом:
Если средство отладки, определенное реализацией, доступно и включено, то Выполнить заданное реализацией действие отладки. Пусть результат будет значением, определенным реализацией. Else Пусть результат будет (обычный, пустой, пустой). Возвращенный результат.Никаких изменений в ES6.
и есть много причин, по которым вы можете захотеть это сделать. Например, отладка бесконечного цикла javascript рядом с началом загрузки страницы, которая мешает корректной загрузке набора инструментов разработчика chrome (или firebug).
См. Раздел 2 из
http: //www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript
или просто добавьте строку, содержащую слово отладчик, в ваш код в нужной контрольной точке.
breakpoint прекратит выполнение и позволит вам изучить значения JavaScript.
После изучения значений вы можете возобновить выполнение кода (обычно с помощью кнопки воспроизведения).
Отладчик: -
Отладчик; останавливает выполнение JavaScript и вызывает функцию отладки.
Оператор отладчика приостанавливает выполнение, но не закрывает файлы и не очищает переменные.
Example:-
function checkBuggyStuff() {
debugger; // do buggy stuff to examine.
};
debug(functionName) для отладки функций.
https: //developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#functio
debug(function), чтобы сломаться, когдаfunction называется
debugger; в вашем коде. Если консоль разработчика открыта, выполнение будет прервано. Это работает и в firebug.
setTimeout(function(){debugger;}, 3000);
Shahar
debugger; поддерживается во всех основных браузерах. За дополнительной информацией: W3schools.com / jsref / jsref_debugger.asp
ScottyG
debugger;
Приме
$("#myBtn").click(function() {
debugger;
});
Demo
Ресурсы по отладке в JavaScript
http: //www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascripthttp: //berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-todaда широко используются для отладки JavaScript с помощью кода
С помощьюconsole.log() распечатать значения в консоли браузера. (Это поможет вам понять значения в определенных точках вашего кода)
лючевое слово @Debugger. Добавлятьdebugger; в местах, которые вы хотите отладить, откройте консоль разработчика браузера и перейдите на вкладку источников.
Дополнительные инструменты и способы отладки кода JavaScript приведены в эта ссылка от W3School.
где находится ваш код. Слева от номера строки нажмите. Это установит точку останова.
Скриншот
После этого вы сможете отслеживать точки останова на правой вкладке (как показано на скриншоте).