Используя Chrome, как найти, какое из моих событий щелчка вызывает щелчок?

Question

Я знаю, что могу использовать следующий совет, чтобы приостановить клик:

Используя Chrome, как найти, к каким событиям привязан элемент

Но когда я последовал этому совету, я обнаружил, что после 20 раз я все еще не пришел к своему исходному коду. Я по-прежнему перемещаюсь по различным файлам отслеживания и файлам jQuery.

Есть ли какой-нибудь более быстрый способ узнать, какое из моих событий щелчка вызывает щелчок? Возможно, можно пропустить все файлы, которые не являются моим исходным кодом?

Answer 1

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

Это означает, что отладчик игнорирует эти сценарии и «перепрыгивает» через них.

При просмотре кода с помощью DevTools (вкладка «Источники») щелкните правой кнопкой мыши (например) строку кода jQuery, на которой отладчик остановился, и выберите «Сценарий черного ящика»

Здесь есть хороший анимированный GIF, показывающий, как это сделать. https://umaar.com/dev-tips/128-blackboxing/

У меня работает в Chrome версии 66.0.3359.139 (Официальная сборка)

См. Также Игнорировать сценарий или шаблон сценариев из официальных документов DevTools.

Answer 2

Вы можете заблокировать скрипт: https://developer.chrome.com/devtools/docs/blackboxing

Это требует, чтобы ваш jquery находился в отдельном файле, а не был связан с использованием чего-то вроде веб-пакета.

Затем вы можете сделать что-то вроде добавления jquery.js (или чего-либо еще) к вашему шаблону фреймворка. Это предотвратит переход отладчика в код jquery

Answer 3

Краткий ответ, вы можете blackbox jQuery файлы. Это гарантирует, что отладчик не введет код jQuery.

---

Что происходит, когда вы включаете скрипт в черный ящик?

• Исключения, генерируемые из кода библиотеки, не будут приостанавливаться (если включена Пауза для исключений),
• Вход в / из / в обход кода библиотеки,
• Точки останова прослушивателя событий не нарушаются в коде библиотеки,
• Отладчик не будет останавливаться на любых точках останова, установленных в коде библиотеки.

В результате вы отлаживаете код своего приложения вместо сторонних ресурсов.

От: https://developer.chrome.com/devtools/docs/blackboxing

Answer 4

Добавьте debugger в ваше тело функции.