Как отлаживать события JAVASCRIPT? Или как заставить все функции вызвать трассировку?

Например, есть кнопка. Он завернут <div>.

При нажатии на эту кнопку происходит вызов функции javascript, затем другая функция, а затем вызов с помощью ajax на сервер, и если все в порядке, javascript перенаправляет эту страницу на другую страницу.

Трудно отлаживать.

Возможно ли "поймать" это событие? То есть знать, какая функция вызывается после нажатия кнопки? Кнопка не имеет атрибута "onclick", то есть прослушиватель событий подключен в javascript.

И если это невозможно, возможно ли сделать трассировку? То есть смотреть на все вызовы функций, которые вызываются после чего?

Было бы лучше визуально, хотя в текстовом тоже хорошо:)

Спасибо за ответы!

Ответ 1

Да, такого рода вещи не так просто, как вам хотелось бы.

В Google Chrome есть панель "Слушатели событий". Щелкните правой кнопкой мыши на своей кнопке, затем выберите "Осмотреть элемент". Убедитесь, что выбран правильный элемент, затем проверьте панель "Слушатели событий" справа.

Вы также можете использовать ключевое слово "отладчик", чтобы установить точку останова в стоп-кадре. Затем используйте свой любимый отладчик javascript (встроенные инструменты для разработчиков в Safari, Google Chrome и IE8, firebug для Firefox). В каждом из них есть стек вызовов, который позволит вам перемещаться по текущему стеку вызовов.

Ответ 2

Вы можете использовать firebug для отслеживания кода javascript. Его плагин Firefox отслеживает стили (css), js, а также позволяет редактировать.

Opera предоставляет dragonfly, который похож на firebug

Ответ 3

Проверьте функции отладки в Firebug, это позволит вам добавить точки останова JavaScript и выполнить свой код.