Просмотр функций JQuery в режиме реального времени в браузере

Question

Есть ли способ просмотреть выполненный Jquery на веб-странице, например Chrome. Я предполагаю, что это распространяется только на расширение.

например. если выпадающее меню активируется, когда я наводил курсор на значок телефона. Могу ли я увидеть код JQuery (возможно, во всплывающем или консольном)

Answer 1

Лучшее решение для моей просьбы было сделано.

Щелкните правой кнопкой мыши по элементу, проверьте, затем будут отправлены слушатели событий и ожидающее события JQuery. Нажмите на ссылку JS, чтобы сразу перейти к JQuery-коду.

Answer 2

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

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

Смотрите далее здесь: https://learn.jquery.com/events/event-basics/

Answer 3

Chrome предоставляет вам объект, чтобы увидеть Javascript и HTML-код в средства разработчика. Щелкните правой кнопкой мыши на странице и перейдите на страницу проверить элемент или использовать F12, чтобы открыть инструмент для разработчиков.

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

В firefox также вы можете использовать тот же путь. Кроме этого с firefox вы также можете использовать Firebug, который является хорошим расширением с помощью firefox, что помогает облегчить вашу работу.