Javascript Debugger, Как найти необходимый файл Javascript

Question

Мне нужно исправить код в меню при наведении курсора на сайт, содержащий множество файлов JavaScript.

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

Answer 1

В инструменте «Проверка элемента» в Google Chrome, если вы прокрутите до самого нижнего края правой панели (под всем CSS) вы найдете «Прослушиватели событий».

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

Я не уверен, что Firebug имеет такую ​​же функцию, я сам не смог его найти.

Answer 2

Откройте Инструменты разработчика в Chrome, откройте панель скриптов, затем нажмите F8 и наведите курсор мыши на интересующий вас элемент.

Событие mouseover сработает, но будет приостановлено, как если бы в обработчике события был оператор debugger.

Затем пересекайте функции (по всем функциям jQuery, да), пока не дойдете до места, где событие прикреплено к элементу.

Другой вариант: grep -rl или ack (мой любимый) для mouseover или идентификатор элемента в каталоге, где находятся ваши файлы JavaScript.

grep -rl 'mouseover' js/