Определить какой скрипт работает при клике на элемент(форма)?

Question

[PavelScron]

До этого определял через инструменты Chrome просто наводил на элмент и смотрел вкладку event listener.

Но нужно узнать какой JS скрипт работает при клике на кнопку отправки формы, и при этом сразу же идет переадресация, т.е. перекидывает на другую страницу и в инструментах вебмастера данные по событию не отображаются из-за этого.

Как в данном случае определить?

Answer 1

[Stepanya]

Chrome devTools->Sources->Event Listener Breakpoints
или ещё как вариант вариант

Answer 2

[AntohaRomaha]

Есть еще Visual Event для хрома расширение

Comments

[PavelScron]

как им пользоваться? нажимаю на икноку вверху и ничего

[PavelScron]

разобрался, на локале не работает просто

[PavelScron]

но проблему вопроса не решает

[AntohaRomaha]

да есть целая статья на хабре.. оказалось - до сих пор это все не так просто

[Trionik]

Где статья?

Answer 3

[gimntut]

Если нужно найти именно момент загрузки чего-то с сервера, то это очень просто (в хроме).
На закладке Network включаете Preserve log, чтобы история обращений не очищалась при загрузке следующей страницы.
Провоцируете вызов события, т.е. делаете клик.
В Network находите нужную загрузку (обычно тип document, пользуйтесь фильтром) и кликаете по ссылке в столбце Initiator. Всё.
Но так вы найдёте только код, который выполняет загрузку страницы. Если же нужен обработчик события, то ставите точку останова (breakpoint), и по стеку вызовов (callstack) находите ваш listener.

Answer 4

[Анатолий]

#id-формы - ctrl+f
form - ctrl+f
В общем инструментами разработчика выясняешь как можно идентифицировать скриптом форму, потом открываешь скрипт и простым поиском.
Если не знаешь в каком скрипте искать, открываешь, правым кликом, код страницы, поиск по ".js" кликаешь по скриптам и ищешь идентификатор своей формы.
Или. Возможно, можно убрать Jquery со страницы, тогда при клике ты увидишь в консоле & - is not a function sript.js:108

Answer 5

[Нурлан]

Firefox Developer Edition. Покажется файл и функцию.

Comments

[Антон]

А не подскажите ли ссылочку на расширение?

[Сергей delphinpro]

Антон: Это браузер, а не расширение =) Девелоперская версия

[Сергей delphinpro]

Антон: https://www.mozilla.org/ru/firefox/developer/

[Антон]

Сергей: Не знал, спасибо)

[PavelScron]

а в какой вкладке?

[Нурлан]

PavelScron: https://habrastorage.org/files/bac/d96/6e3/bacd966...

[Anton Trekov]

В обычной версии также это есть