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

установите прослушиватель щелчка кнопки и вызовите debugger;

пример

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

демо

http://jsfiddle.net/hBCH5/

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

• http://www.laurencegellert.com/2012/05/the-three-ways-of-setting-breakpoints-in-javascript/
• http://berzniz.com/post/78260747646/5-javascript-debugging-tips-youll-start-using-today

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

вы также можете использовать debug(function), для того чтобы сломать когда function называется.

ссылка API командной строки: debug

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

скриншоты:

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

debugger - это зарезервированное ключевое слово в ECMAScript и дали дополнительный семантики, так как в ES5

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

The стандарт говорит:

синтаксис

DebuggerStatement :
    debugger ;

семантика

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

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

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

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

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

см. раздел 2

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

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

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

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

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

отладчик :-

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

оператор debugger приостанавливает выполнение, но не закрывает файлы и не очищает их переменная.

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

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

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

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

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

2. ключевое слово Debugger. Добавить debugger; в нужные места отладки и откройте в браузере консоль разработчика и выберите источники табуляция.

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