Как узнать, что работает javascript при нажатии элемента?

Я просматриваю сайт Bing Maps. Я открываю редактор моих мест и нажимаю инструмент полилинии на панели инструментов чертежа.

Я хотел бы узнать, что работает javascript, когда я нажимаю инструменты на панели инструментов чертежа.

Я просмотрел html, и в элементе не объявлено событие onclick.

Я выполнил текстовый поиск во всех сценариях, на которые ссылается страница, для идентификатора элемента инструмента полилинии. Это должно было попытаться найти javascript, который прикрепляет событие click к элементу, но я не получил никаких совпадений.

Когда я нажимаю на инструмент, должно быть несколько script. Как узнать, что выполняется script, когда я нажимаю на панели инструментов на панели инструментов?

Я не думаю, что в любом случае я могу установить точки останова, если я не знаю сначала, что script, чтобы установить их. В любом случае я могу замаскировать javascript, который работает, чтобы узнать, что это такое, либо в инструментах разработчика IE F12, либо в firebug?

Ответ 1

Вы можете посмотреть панель "Слушатели событий" в Chrome, она содержит подробную информацию о каждом слушателе, прикрепленном к элементу.

Ответ 2

В Chrome Developer Tools нажмите вкладку временной шкалы, снимите флажок "Загрузка" и "Рендеринг", затем нажмите кнопку записи (заполненный круг). Запустите свое событие, нажав на кнопку, а затем остановите запись, снова щелкнув по кругу. Найдите свое событие на временной шкале и разверните его, нажав на стрелку рядом с ней. Слева он скажет вам, какую функцию вызывает событие.

Ответ 3

Чтобы найти потенциальный обработчик событий для отдельного элемента, который был добавлен, динамически пытается выполнить поиск во всех источниках имен классов и идентификаторов. Как только вы найдете обработчик событий, вы можете установить точку останова и проверить.

В Google Chrome есть глобальный поиск, который отлично работает.

Ответ 4

Раньше я использовал инструменты профайлера в Chrome для этой цели.

Откройте сайт в Chrome, F12, чтобы открыть инструмент отладки. На вкладках в верхней части инструмента выберите "Профили".

Убедитесь, что выбран профиль процессора JavaScript, и нажмите "Пуск", затем щелкните инструмент полилинии, который вам интересен, и нажмите "Стоп". Профилировщик должен теперь перечислять все вызовы Javascript, сделанные во время активного профайлера.

Firebug, вероятно, имеет нечто похожее.

Ответ 5

Откройте отладчик и запустите профайлер. Нажмите на то, что вы хотите. Посмотрите, что профайлер и посмотреть, что называется.