Przeglądanie funkcji JQuery na żywo w przeglądarce - javascript, jquery, console

Czy istnieje sposób na wyświetlenie wykonanego Jquery na stronie internetowej takiej jak Chrome. Zakładam, że obejmuje to tylko rozszerzenie.

na przykład. jeśli aktywowane jest menu rozwijane po najechaniu kursorem myszy na ikonę telefonu. Czy mogę zobaczyć kod Jquery (być może w wyskakującym okienku lub konsoli)

Odpowiedzi:

Powinieneś rozważyć napisanie „dziennika konsoli” w swoich instrukcjach.

/ Event setup using a convenience method
$( "p" ).click(function() {
console.log( "You clicked a paragraph!" );
});

Zobacz więcej tutaj: https://learn.jquery.com/events/event-basics/

Chrome zapewnia możliwość przeglądania kodu JavaScript i HTML narzędzie programistyczne. Kliknij stronę prawym przyciskiem myszy i przejdź do sprawdź element albo użyj F12 aby otworzyć narzędzie programistyczne.

Jeśli chcesz przerwać wykonywanie javascript w dowolnym momencie, możesz napisać debugger; w kodzie lub możesz dodać punkt przerwania do źródła.

W Firefoksie możesz także używać tego samego sposobu. Poza tym z firefox możesz także użyć Firebug, co jest dobrym rozszerzeniem w przypadku Firefoxa, który ułatwia pracę.

Najlepszym rozwiązaniem dla mojej prośby było.

Kliknij element prawym przyciskiem myszy, sprawdź, a następnie zostaną wyświetlone detektory zdarzeń i oczekujące zdarzenie JQuery. Kliknij link JS, aby przejść bezpośrednio do kodu JQuery.