- PVSM.RU - http://www.pvsm.ru -

В Firefox Developer Tools добавлена поддержка событий jQuery

Встроенные инструменты разработки в Firefox становятся все удобнее. image
Возможность просматривать эвенты в Firefox developer tools была доступна и раньше, но поддерживала она только нативные js события [1]. Для этого, надо открыть Dev tools, перейти на вкладку Inspector и если на элемент было повешено событие, то справа от него отображалась пиктограмма «ev», при нажатии по которой можно было посмотреть обработчик.

Выглядело все это примерно так:
image
Попробовать это можно здесь [2].

Начиная с Nightly версии от 2014-08-29 к нативным событиям была добавлена поддержка jQuery [3]. Теперь при наведении на событие, при условии что оно было повешено с помощью jQuery, будет показано две вкладки. Одна это внутренняя функция библиотеки, она не очень полезна, но вот на второй вкладке мы можем посмотреть искомое событие.
image
Поэкспериментировать можно тут [4].

Так же планируется добавить поддержку [5] следующих библиотек: Prototype, YUI, Mootools, React, Ember, Angular.

Другие инструменты для просмотра событий:

Приятной разработки!

Автор: BloodUnit

Источник [8]


Сайт-источник PVSM.RU: http://www.pvsm.ru

Путь до страницы источника: http://www.pvsm.ru/javascript/68610

Ссылки в тексте:

[1] нативные js события: https://developer.mozilla.org/en-US/docs/Web/Guide/Events/Event_handlers

[2] здесь: http://jsfiddle.net/aLf70vgx/3/

[3] была добавлена поддержка jQuery: https://bugzilla.mozilla.org/show_bug.cgi?id=1044932

[4] тут: http://firequery.binaryage.com/test/

[5] планируется добавить поддержку: https://bugzilla.mozilla.org/show_bug.cgi?id=1042564

[6] Firebug: https://getfirebug.com/wiki/index.php/GetEventListeners

[7] Visual event: http://sprymedia.co.uk/article/Visual+Event+2

[8] Источник: http://habrahabr.ru/post/235035/