Как отладить JavaScript и JQuery с Firebug

Question

Я только что установил firebug и хочу видеть и отлаживать методы jquery и javascript при запуске.

Предположим, что функция jquery будет вызываться при нажатии кнопки.Когда сайт огромен и на странице много js-файлов, очень трудно указать, какая функция будет вызываться и где она определена, потому что люди прикрепляют события кнопок другим способом.Я имею в виду, что событие прикреплено когда-нибудь на основе CSS.Поэтому иногда я просто не могу узнать, какой метод будет вызван.

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

Answer 1

Вы можете попробовать использовать FireQuery .С сайта:

• jQuery-выражения интеллектуально представлены в консоли Firebug и DOM-инспекторе
• прикрепленные данные jQuery являются гражданами первого класса
• элементов в коллекциях jQueryподсвечиваются при наведении
• jQuerify: позволяет вставлять jQuery на любую веб-страницу
• jQuery Lint: позволяет автоматически вставлять jQuery Lint на страницу при ее загрузке (отлично подходит для ad-hocпроверка кода)

Я использовал его несколько раз, и это значительно облегчает отладку (при использовании jQuery).

EDIT

Используя плагин, вы можете посмотреть на элемент и увидеть связанные с ним события.Другой вариант - искать в вашей кодовой базе все, что идентифицирует элемент (возможно, id или класс css).Тогда вы также сможете увидеть, что связано.

Answer 2

Взгляните на http://firequery.binaryage.com/ (FireQuery).Это расширение для FireBug, которое позволяет вам видеть вызовы jQuery.Я не использовал его так много, но это может быть то, что вы ищете.