Как узнать, какой скрипт формирует конкретный элемент? Или хоть как-то влияет?

Допустим, есть страница, подключено много скриптов (библиотеки, плагины и тд.)
Есть элемент конкретный (ну пусть будет div). Нужно найти скрипт, формирующий данный элемент или каким-либо образом на него влияющий (изменены свойства, добавлены действия - функции и т.п.). Как это сделать? Посоветуйте какой-либо инструмент для таких целей? Исследовать элемент (FF)? Просмотр кода элемента (chrome)? Или что?
Заранее спасибо.

1 ответов


Хороший вопрос, я тоже подумывал о каких-либо инструментах.
К определённому ответу не пришёл. Отладка, отладка и ещё раз отладка. Те же плагины можно отключать по одному, например.

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

Вероятно когда-нибудь подспорьем станет DOM Mutation Events.


Обычно такие элементы(или их родители) имеют параметры придающие им уникальность. В Google Chrome при инспекции кода очень легко найти(обычным поиском по странице сначала, потом по скрипту, если скриптов очень много, есть расширения (Pendule и т.д. юзай поиск по расширениям) которые выводят все скрипты на странице, тогда в них тем же поиском)


только импровизация, только хардкор: сначала отключаем все скрипты, далее включаем по одному и смотрим что изменилось.