Affichage des fonctions JQuery en direct dans un navigateur - javascript, jquery, console

Existe-t-il un moyen de visualiser le Jquery exécuté sur une page Web telle que Chrome? Je suppose que cela n'est couvert que par une extension.

par exemple. si un menu déroulant est activé lorsque je survole une icône de téléphone. Puis-je voir le code Jquery (peut-être dans un popup ou une console)

Réponses:

Vous devriez envisager d'écrire un "journal de la console" dans vos instructions.

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

Voir plus loin ici: https://learn.jquery.com/events/event-basics/

Chrome vous permet de visualiser le code Javascript et html dans outil de développement. Faites un clic droit sur la page et allez à inspecter l'élément Ou utiliser F12 ouvrir l'outil de développement.

Si vous voulez interrompre votre exécution javascript à tout moment, vous pouvez écrire débogueur; dans le code ou vous pouvez ajouter point d'arrêt à la source.

Dans Firefox, vous pouvez également utiliser la même manière. En dehors de Firefox, vous pouvez également utiliser Pyromane, ce qui est une bonne extension avec firefox qui facilite votre travail.

La meilleure solution pour ma demande que j'ai faite était.

Cliquez avec le bouton droit sur l'élément, inspectez, puis les écouteurs d'événement et l'événement JQuery en attente sont répertoriés. Cliquez sur le lien JS pour accéder directement au code JQuery.