Firefox Web Developer Tools - как увидеть код, связанный с кнопкой

Question

Я не уверен, как это лучше всего сказать, но скажем, я на веб-странице, и когда я нажимаю на определенную кнопку, что-то нежелательное происходит , Как и целая куча контента исчезает. Есть ли способ в средствах отладки Firefox, где я могу вставить часы на эту кнопку, поэтому, когда я нажимаю на него, отладчик приостанавливает выполнение JS и показывает мне, где именно в коде он выполняет те вещи, которые мне не нужны?

(примечание: очевидно, это код, который я не писал, в противном случае я бы знал, где искать, чтобы решить эту проблему)

Answer 1

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

https://developer.mozilla.org/en-US/docs/Tools/Debugger#events-pane

Answer 2

Firefox имеет хорошую built-in profiler - вы можете нажать на профиль запуска и нажмите ее еще раз до конца, и посмотреть, какие части кода работают больше всего.

Это действительно полезно для поиска проблем с производительностью.