jQuery & Chrome - Finding Hooks Finding

Question

Korzystanie z narzędzi programistycznych Chrome Próbuję ustalić, która funkcja jQuery zahaczyła przycisk wprowadzania na stronie w celu debugowania. Zwykle po prostu szukam, dopóki go nie znajdę, ale pomyślałem, że tym razem o to zapytam.

Czy istnieje sposób na znalezienie przycisku przycisku jQuery dla określonego przycisku w przeglądarce Chrome? Próbowałem przeglądać punkty przerwania nasłuchujących zdarzenia, ale nigdy nie wydaje się, aby znaleźć właściwą rzecz, aby go wstrzymać.

Zasadniczo, muszę wiedzieć, co jQuery/javascript jest wykonywany po kliknięciu przycisku.

Haki są realizowane w aplikacji tak:

$('.button_class').click(function(){ 
$('#button_id').click(function(){ 
etc... 

Answer 1

zależności od liczby zdarzeń/liczniki na stronie to nie zawsze działa. Ale możesz spróbować "wstrzymać" przed kliknięciem przycisku, który chcesz debugować w oknie debugowania JavaScript. W ten sposób debugger zatrzyma się na linii następnej, która wykonuje. Rzeczą, która od czasu do czasu uniemożliwia ci użycie, jest zdarzenie "hover" lub mouse move/in/out związane z elementem, który musisz przejść, aby dostać się do przycisku (w tym samego przycisku). W takim przypadku po prostu usuwam te zdarzenia (jeśli mogę), dopóki nie otrzymam tego, którego chcę. Punkty przerwania nasłuchiwania zdarzeń byłyby bardziej idealne, ale czasami są one trudne przy korzystaniu z jQuery lub innej biblioteki, a ja wysłałem żądanie funkcji do zespołu narzędzi Chrome Dev Tools, aby rozwiązać ten problem. (Co pozwala określić, jakie pliki są „swoje” i tylko „łamanie” w tych konkretnych plików)

powodzenia -ck

Answer 2

Spróbuj tego:

$(yourbutton).data('events');