Как установить точку останова на мини-JS-функции в Chrome или Safari?

Я хотел бы установить точку останова в функции "Cart.add" в отладчиках JavaScript Chrome или Safari. Проблема в том, что эта функция определена в большом мини-JS файле и не существует на отдельной строке.

В некоторых документах говорится, что отладчики на основе WebKit поддерживают команды "break" или "debug" в консоли отладки, но они, похоже, не работают в более новых версиях отладчика.

Установка точки останова на этой строке JS файла также не работает, поскольку в этой строке есть много функций.

Любые предложения?

Ответ 1

В Chrome при открытии вкладки Scripts вы можете отфильтровать выбранный файл, нажав кнопку { } ( "Довольно печатать" ) внизу. После этого вы можете найти свою линию и установить точку останова. При обновлении страницы код будет оставаться включенным с помощью точек останова.

Ответ 2

debugger statement - это, вероятно, то, что вы ищете.

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

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

Если средство реализации отладки реализовано и включено, то

а. Выполните определенное действие отладки для реализации.

б. Пусть результат - это заданное для реализации значение завершения.

Else

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

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

Оператор break предназначен для выхода из циклов и операторов switch и не имеет ничего общего с отладкой.

Реальное решение состоит в том, чтобы не перехватывать ваш код в первую очередь:)

Ответ 3

Если вы сохранили веб-страницу, украсьте свой js файл, используя jsbeautifier.org, который форматирует весь ваш script. Затем замените свой js-контент на улучшенную версию. Отсюда вы можете легко отлаживать свой JS