Как установить контрольную точку JavaScript из кода в Chrome?

Я хочу заставить отладчик Chrome ломаться по строке с помощью кода или использовать какой-то тег комментария, например, что-то вроде console.break().

Ответ 1

Вы можете использовать debugger; в своем коде. Если консоль разработчика открыта, выполнение прерывается. Он также работает в firebug.

Ответ 2

Настройте кнопку прослушивания кнопки и вызовите debugger;

Пример

$("#myBtn").click(function() {
 debugger;   
});

Demo

http://jsfiddle.net/hBCH5/

Ресурсы по отладке в JavaScript

Ответ 3

Вы также можете использовать debug(function) для разрыва при вызове function.

Справочник API командной строки: debug

Ответ 4

Как уже говорилось, debugger; - это путь. Я написал небольшой script, который вы можете использовать из командной строки в браузере, чтобы установить и удалить точку останова прямо перед вызовом функции: http://andrijac.github.io/blog/2014/01/31/javascript-breakpoint/

Ответ 5

На вкладке "Сценарии" перейдите к тому, где находится ваш код. Слева от номера строки нажмите. Это установит точку останова.

Скриншот:

Затем вы сможете отслеживать точки останова на правой вкладке (как показано на снимке экрана).

Ответ 6

debugger - это зарезервированное ключевое слово от EcmaScript и предоставляется дополнительная семантика, поскольку ES5

В результате его можно использовать не только в Chrome, но также Firefox и Node.js через node debug myscript.js.

В стандарте говорится:

Синтаксис
DebuggerStatement :
    debugger ;
Семантика

Оценка производства DebuggerStatement может позволить реализации вызвать точку останова при запуске под отладчиком. Если отладчик отсутствует или активен, этот оператор не имеет наблюдаемого эффекта.

Продукт DebuggerStatement: отладчик; оценивается следующим образом:

Если доступная и включенная функция отладки реализации
Выполнение определенного отладочного действия.

Пусть результат будет определяемым реализацией Завершающим значением.

еще
Пусть результат будет (нормальный, пустой, пустой).

Результат возврата.

Никаких изменений в ES6.

Ответ 7

Это возможно, и есть много причин, по которым вы, возможно, захотите это сделать. Например, отладка бесконечного цикла javascript, близкого к началу загрузки страницы, предотвращает правильную загрузку инструментария хром-разработчика (или firebug).

См. раздел 2 раздела

http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/

или просто добавьте строку, содержащую отладчик слов, к вашему коду в требуемой контрольной точке.

Ответ 8

Точка останова: -

точка останова перестанет выполняться и позволит вам изучить значения JavaScript.

После изучения значений вы можете возобновить выполнение кода (обычно с помощью кнопки воспроизведения).

Отладчик: -

Отладчик; останавливает выполнение JavaScript и вызывает функцию отладки.

Оператор отладчика приостанавливает выполнение, но он не закрывает никаких файлов и не очищает какие-либо переменные.

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};

Ответ 9

Вы также можете установить debug(functionName) для отладки функций.

https://developers.google.com/web/tools/chrome-devtools/javascript/breakpoints#function

Ответ 10

Существует много способов отладки кода JavaScript. Следующие два подхода широко используются для отладки JavaScript через код

Использование console.log() для печати значений в консоли браузера. (Это поможет вам понять значения в определенных точках вашего кода)
Отладчик. Добавить debugger; в те места, которые вы хотите отладить, и откройте консоль разработчика браузера и перейдите на вкладку источников.

Дополнительные инструменты и способы отладки кода JavaScript приведены в этой ссылке W3School.

Ответ 11

Я использую

return null;

Это работает отлично. Это помогает избежать обновления страницы. Ура!