Как найти $(document).ready функции?

Question

[naneri]

При загрузке страницы на ней автоматом добавляется пару инпутов. Проблема в том, что я не могу их найти. Пользуюсь хромом, очень хотелось бы узнать простой способ как их найти с помощью devtools.

Answer 1

[Сергей Протько]

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

Просто в инспекторе элементов выберите body и тыкните break on... в контекстом меню.

Comments

[naneri]

о спасибо, нажал на subtree modification на элемент body - он стал показывать какие скрипты отвечают за модификацию. Правда я что-то не очень понимаю, почему он даёт ссылки только на код библиотек...

[Сергей Протько]

@naneri ну потому что DOM меняют библиотеки. Можете проследить по call stack-у.

Answer 2

[Виталий Киренков]

В мозилле, есть такой плагин как Developers Tools - в нём есть пунктик View Javascript, в нём показывается весь яваскрипт сайта. Вот там то можете и искать что то типо input, insert, insertAfter, append, prepend - и так далее =)

Ну или просто пробежаться по яваскрипт файлам и поискать то же самое.