Javascript: как использовать Firebug для отладки АКТУАЛЬНЫХ событий / слушателей?
Я хотел бы осмотреть события Javascript/AJAX в Drupal, чтобы я мог "подключиться" к ним с помощью собственного javascript.
Например, как подключиться к добавлению событий javascript другого модуля, когда он запускается и когда он готов? Как получить название мероприятия и другие соответствующие определения? Для этого должны быть кнопки "Отправить".
Средство разработки Firefox должно быть отличным инструментом - если вы знаете, как его использовать. Также инструмент разработчика Chromes, и если я посмотрю, например, кнопку отправки в форме на сайте Drupal, она перечислит 30-40 событий / слушателей на вкладке События devtools.
Слишком много, слишком быстро Существует множество упоминаний jquery.js, ajax.js, form.js, различных js-включений из модулей и т. Д. Действительно ли они все используются для одной кнопки? Или это так же, как "для вашей информации" и "вырезанные" из всех включенных файлов javascript? Как документация, которая эй, это может делать то и это, и вы можете использовать эти и те свойства и т. Д...
Что на самом деле актуально, а что к вашему сведению? Как найти только правильные оттуда? Теперь эти 30-40 слушателей / события / все, что кажется довольно подавляющим... И если есть что-то, что только для информативных целей, то может ли оно быть отфильтровано, чтобы показать только действительные вещи, которые фактически используются?
Что происходит из какого файла Javascript? При использовании незавершенных файлов javascript это имеет больше смысла, поскольку все параметры отображаются в полных разумных именах, а не как a, b, c и т. Д. Однако на вкладке "Сценарии" с функцией "Watch" имеется довольно много переменных, и соединение с файлами javascript отсутствует. никто не может знать, что на самом деле определяется в каком файле JavaScript? И что-то на основе браузера?
1 ответ
Я понимаю, что не так легко понять инструмент разработчиков Firefox или Chrome. Firefox показывает намного больше информации, например, о ресурсах, загруженных файлах Javascript и другой информации. Но основные вещи можно увидеть через консоль в Chrome или Firefox.
Но я предпочитаю использовать Firebug (для Firefox), поскольку его проще использовать, и большая часть отладки приложений может быть выполнена с помощью консоли. Вы можете добавить свой собственный скрипт javascript и связать ваши события с элементами, а также можете использовать console.log(string) для отладки чего-либо на консоли.
Я также иногда использую удаленные инструменты Javascript, такие как http://jsconsole.com/. Они предоставляют вам веб-консоль для тестирования ваших приложений, и она работает как прелесть специально для собственных приложений на основе HTML5.