Как я могу отслеживать мой javascript?

Question

Я наследую новое приложение ASP.Net MVC, которое имеет javascript и jQuery (вместе с Kendo) повсюду. Некоторые из них встроены, некоторые из них находятся в файлах .js и т. Д.

Существует много повторяющегося кода, поэтому, чтобы выяснить, какая функция вызывается, когда нажата конкретная кнопка, происходит сбой.

Если я попытаюсь выполнить трассировку стека в Firebug, я получаю почти все функции jQuery и Kendo, из-за чего невозможно определить, какие из функций MY javascript были вызваны.

Как я могу легко проследить, что нажатие этой кнопки под названием THESE в MY-коде и игнорирование всех вызовов Kendo/jQuery?

Answer 1

Как насчет того, чтобы ввести в консоль инструкции console.log, чтобы вы могли следить за ними.

Также, если вы не связали файлы JavaScript и не запустили Internet Explorer из visual studio, вы можете использовать отладчик VS для отслеживания файла.

Answer 2

Вы можете попробовать переопределить функцию jQuery click или bind и отобразить связанную функцию. Это уродливо, но для отладки это может помочь.

Answer 3

Есть некоторые хорошие предложения на this answer.

Visual Event также может помочь.

Answer 4

Капля 0 '' 'debugger;' заявление в различные места в коде. Откройте консоль хром javascript (ctrl-alt-j, command-alt-j) и взаимодействуйте со страницей как обычно. Оператор отладчика будет действовать как точка останова, и вы можете отследить код оттуда.

Например, у вас есть обработчик щелчка, Foo:

function foo(event) { 
    debugger; // breakpoint will happen here 
    ...click handler logic 
}