Обработка событий в Javascript в браузере

Question

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

Решение должно работать на любом случайном веб-сайте в Интернете.

Answer 1

В chrome вы можете отслеживать коды js на веб-сайте с помощью режима DEBUG.

1. Открытый Chrome.
2. Открыть веб-сайт.
3. Открытый инструмент Dev с прессом F12.
4. В меню нажмите Источники. Теперь вы можете видеть все файлы js. И есть панель отладки. Вы можете запускать, обновлять, прерывать, отслеживать строку кода с помощью этих инструментов.
5. На панели кода js вы можете поместить точки останова на номера строк.
6. F5 и обновить страницу. Код приостанавливается, и вы можете отслеживать значения js.