1 Тема от fkhlamingo

  • fkhlamingo
  • Участник
  • Неактивен

Тема: JS: Поиск и запуск кода в браузере

Доброго дня!
Подскажите новичку, как в браузере (например хром) найти запускаемый код?
Например есть на странице кнопка, при её нажатии как я понимаю запускается функция, которая подгружает в форму актуальные данные с сервера, это не перезагружает страницу и не меняет её адрес.
Я вызываю на этой кнопке меню и выбираю "Просмотреть код", вижу html тэги этого элемента, в них не указаны обработчики. В итоге надо понять какую функцию вызывает клик по элементу, и желательно вставить в неё свой alert для просмотра запроса и ответа сервера.

2 Ответ от teadrinker

  • teadrinker
  • Администратор
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

В Хроме Event Listeners находятся в Инструментах разработчика в том же окне, где и стили элемента:

https://i.imgur.com/h2Qo5FY.png

Разработка AHK-скриптов:
e-mail dfiveg@mail.ru
Telegram jollycoder
+ fkhlamingo

3 Ответ от fkhlamingo

  • fkhlamingo
  • Участник
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

Спасибо, у меня как то так это выглядит.

https://c.radikal.ru/c02/2201/1c/5e4152634ca9.png

Вот хочу вставить свой alert в этот код, но он не редактируется. Как бы вы это сделали?

4 Ответ от teadrinker

  • teadrinker
  • Администратор
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

fkhlamingo пишет:

Спасибо, у меня как то так это выглядит

Нет, это не то, вам нужно место, где отображаются только прослушиватели выделенного элемента, именно там, где я показал.

fkhlamingo пишет:

Как бы вы это сделали?

По-моему прослушиватель нельзя отредактировать, но можно просто удалить
 
 https://i.imgur.com/QF31ZW8.png
 
и добавить свой через консоль.

Разработка AHK-скриптов:
e-mail dfiveg@mail.ru
Telegram jollycoder

5 Ответ от fkhlamingo (изменено: fkhlamingo, 2022-01-30 19:55:09)

  • fkhlamingo
  • Участник
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

Удалить и добавить свой... Это как то сложно для тех кто в танке.

6 Ответ от fkhlamingo

  • fkhlamingo
  • Участник
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

То есть кто в танке.

7 Ответ от teadrinker

  • teadrinker
  • Администратор
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

Вы можете попробовать скопировать функцию обработчика, добавить в неё нужный код, удалить существующий обработчик и добавить свою функцию, как обработчик. Гуглите addEventListener. Конечно, такой метод не сработает, если функция обработчика использует переменные извне.

Разработка AHK-скриптов:
e-mail dfiveg@mail.ru
Telegram jollycoder

8 Ответ от fkhlamingo

  • fkhlamingo
  • Участник
  • Неактивен

Re: JS: Поиск и запуск кода в браузере

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