30 августа 2014 в 12:36

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

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

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

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

Так же планируется добавить поддержку следующих библиотек: Prototype, YUI, Mootools, React, Ember, Angular.
We decided to only support jQuery for now.

bugzilla.mozilla.org/show_bug.cgi?id=1042564#c11

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

Приятной разработки!
Шевченко Олег @BloodUnit
карма
15,0
рейтинг 0,0
Разработчик обыкновенный
Похожие публикации
Самое читаемое Разработка

Комментарии (17)

  • –7
    Идея для обфускации: подключаешь либу, похожую на jQuery, но немного исправленную.
    Тогда фейковый обработчик, добавленный стандартным синтаксисом, будет виден в отладчике, а настоящий обработчик будет вешаться недокументированный функцией.
    • +1
      Не уверен что до конца понял вас.
      Вы хотите повесить два обработчика, один допустим с помощью addEventListener другой с помощью исправленной библиотеки jQuery?
      В таком случае будет показано как минимум два события: обработчик повешенный с помощью addEventListener и внутренняя функция исправленной библиотеки. К тому же, там испольуется эвристика для распознания jQuery, в чем будет заключаться маленькое исправление?
      • –3
        Обработчик сделать похожим на тот, который в jQuery и надеяться, что его внимательно не будут изучать и сравнивать с исходной версией, а сразу перейдут к фейковому.
        • +2
          Юления какие-то. Что вы забыли в Web? Вам нужно драйверы для nVidia писать с такими подходами.
          • 0
            Я люблю взламывать программы и копаться в обфусцированном коде. Это первое, что пришло мне в голову.
            • 0
              Офигительно. Я вот тоже иногда задумывался об эффективности обфускации, но в конечном итоге всё тавно приходил к мысли о том, что всё-таки открытый исходник восстановить можно всегда.
  • +1
    Вот если бы не только посмотреть, но и поставить точку останова…
    • +1
      Можете нажать на иконку «паузы» в попапе и вас перенесет в отладчик, где можно это сделать.
  • 0
    Там не только jQuery (но я не уверен попало ли все в релиз).
    • +3
      Вы привели ссылку на исходный код библиотеки Visual event. Она не имеет отношения к Dev tools.
      В Dev tools кроме jQuery пока ничего не реализовано.
      В статье указано что планируется поддержка других библиотек, статус реализации можно отслеживать здесь.
  • +2
    Это очень и очень удобно, а то иногда приходится пользоваться обходными путями, которые в несколько шагов, а тут всё сразу, ждём в продакшене!
  • +2
    Почему — бы не добавить более универсальный вариант, чтобы можно было посмотреть весь колстек с которым событие было навешено?
  • +4
    Прекрасная новость! До сих пор пользовался самописным jq-плагином; здесь же решение, конечно, более правильное. Напоследок, остаётся только гадать, почему человечество шло к этому так долго (:
  • 0
    Очень хорошее нововведение. С недавних пор отказался от Firebug в пользу нативного инструмента Dev Tools.
    Команда проекта Mozilla продолжает радовать! =)
  • 0
    Как же долго я этого ждал, хотел уже сам плагин писать.
    Действительно удобная вещь, спс разработчикам
  • +2
    Вот бы в Хроме нечто подобное
    • 0
      Для Хрома и остальных браузеров попробуйте Visual event, идея немного другая, но в целом схожая.

Только полноправные пользователи могут оставлять комментарии. Войдите, пожалуйста.