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

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

+593
06 апр. '12 в 23:44
источник поделиться
11 ответов

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

+1029
06 апр. '12 в 23:49
источник

Связанные вопросы


Похожие вопросы

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

Пример

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

Demo

http://jsfiddle.net/hBCH5/

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

+20
04 мая '14 в 17:33
источник

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

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

+17
19 авг. '16 в 11:00
источник

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

+16
02 февр. '14 в 4:55
источник

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

Скриншот:

screenshot of breakpoint in chrome

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

+7
06 апр. '12 в 23:53
источник

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

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

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

Синтаксис

DebuggerStatement :
    debugger ;

Семантика

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

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

  1. Если доступная и включенная функция отладки реализации
    1. Выполнение определенного отладочного действия.
    2. Пусть результат будет определяемым реализацией Завершающим значением.
  2. еще
    1. Пусть результат будет (нормальный, пустой, пустой).
  3. Результат возврата.

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

+6
31 мая '16 в 15:26
источник

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

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

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

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

+3
21 янв. '14 в 10:02
источник

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

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

+2
19 янв. '18 в 10:37
источник

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

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

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

Отладчик: -

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

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

Example:-
function checkBuggyStuff() {
  debugger; // do buggy stuff to examine.
};
+2
04 нояб. '16 в 18:06
источник

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

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

  2. Отладчик. Добавить debugger; в те места, которые вы хотите отладить, и откройте консоль разработчика браузера и перейдите на вкладку источников.

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

0
26 апр. '18 в 14:18
источник

Я использую

return null;

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

-16
05 дек. '17 в 13:13

Посмотрите другие вопросы по меткам или Задайте вопрос