Как просматривать вызовы функций JavaScript по мере их возникновения

Можно ли просматривать вызовы функций JavaScript в консоли JavaScript браузера? Я знаю, что вы можете просматривать XHR, но можете ли вы просматривать вызовы функций?

Например, я наводил указатель мыши на какой-либо элемент на странице и выпадал div. Я знаю, что была функция JavaScript, которая вызывалась, чтобы показать всплывающее окно, поэтому было бы неплохо иметь возможность просматривать этот вызов в консоли, чтобы я мог видеть, какая функция была вызвана.

Я что-то упустил или это невозможно?

Ответ 1

Итак, вы хотите просматривать вызовы JS в реальном времени?

Расширение Firebug в Firefox предлагает это (http://getfirebug.com/javascript).

По сути, вы хотите найти свою функцию в своем коде, а затем установить для нее точку останова. После этого вы сможете пошагово выполнять его, как обычный отладчик. Не должно быть трудно найти функцию JS, связанную с a и конкретным событием (например, при наведении курсора мыши) на этой странице - используется ли эта страница с использованием прямого JS или фреймворка? И если да, то какой?

Встроенные инструменты разработчика Google Chrome предлагают меньшее подмножество - в зависимости от того, что вы хотите, может быть полезна вкладка "Профиль"?

Для чего именно нужно отслеживать эту функцию JS? Мы могли бы порекомендовать вам лучший инструмент, исходя из ваших конкретных потребностей.

Ответ 2

Зайдите в Firebug Profiler, вы можете использовать его, чтобы увидеть разрывы происходящего без необходимости вручную добавлять инструкции console.log.

Чтобы использовать профилировщик, перейдите на вкладку "Консоль" и нажмите кнопку "Профиль". Затем используйте приложение для загрузки или перезагрузите страницу, а затем снова нажмите кнопку "Профиль". Затем вы увидите подробный отчет , который показывает, какие функции были названы, и сколько времени у них было.

http://michaelsync.net/2007/09/10/firebug-tutorial-logging-profiling-and-commandline-part-ii

Общие сведения о профилировщике Firebug

Ответ 3

Нет, если вы явно не присоединяете эту информацию к DOM.

Однако вы можете установить контрольные точки в инструментах разработчиков для некоторых браузеров, таких как Safari, Chrome и Firebug для Firefox.