убрать - отладка javascript онлайн




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

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


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

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

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

Отладчик: -

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

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

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

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



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



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

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

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

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


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

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

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

Синтаксис

DebuggerStatement :
    debugger ;

Семантика

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

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

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

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





breakpoints