Comment déboguer js ? Comment déboguer js à l'aide de points d'arrêt

Le contenu de cet article explique comment déboguer js ? La méthode de débogage de JS à l'aide de points d'arrêt a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer, j'espère qu'elle vous sera utile.

Lors du développement de nos projets, des bugs inconnus apparaissent souvent. Parfois, il nous est difficile de trouver ces bugs, nous devons donc utiliser le débogage par point d'arrêt pour laisser le programme s'arrêter quelque part et vérifier s'il a des problèmes. un par un, lorsqu'il y a des erreurs, nous effectuons le débogage des points d'arrêt sous le navigateur Chrome. Ouvrez d'abord le projet avec Google Chrome.

Appuyez sur F12 pour ouvrir l'interface de débogage de Google, puis sélectionnez Sources. Le code JS du projet sera affiché ici. Sélectionnez le fichier js que nous devons déboguer

Nous ajoutons d'abord les points d'arrêt manuellement. :

Ajouter un point d'arrêt :

Introduire la signification des boutons suivants :

Premier dans la zone rouge De gauche à droite :

Pause/Reprise de l'exécution du script : Pause/reprise de l'exécution du script (l'exécution du programme s'arrête au prochain point d'arrêt).

Passez à l'appel de fonction suivant : exécutez l'appel de fonction à l'étape suivante (passez à la ligne suivante).

Passez à l'appel de fonction suivant : entrez la fonction actuelle.

Sortez de la fonction actuelle : sortez de la fonction d'exécution actuelle.

Désactiver/Activer tous les points d'arrêt : Fermer/activer tous les points d'arrêt (ne sera pas annulé).

Pause sur les exceptions : paramètre de point d'arrêt automatique pour les exceptions.

Zone verte :

portée : affiche la portée du point d'arrêt actuel

regarder : cliquez sur le signe + pour ajouter les variables ou expressions que vous devez surveiller

Call Stack affiche la pile d'appels d'environnement du point d'arrêt actuel

Points d'arrêt La liste actuelle des points d'arrêt js. Chaque point d'arrêt ajouté apparaîtra ici en cliquant sur le point d'arrêt dans la liste pour localiser le point d'arrêt dans la zone de contenu.

Liste actuelle des points d'arrêt DOM des points d'arrêt

Cliquez sur Paramètres

Écouteurs d'événements Liste des points d'arrêt d'écoute des événements actuels

Démarrer le débogage :

Interface de débogage :

Dans l'interface de débogage, on met la souris sur chaque variable du code, et elle affichera les informations spécifiques de cette variable, afin que vous puissiez progressivement dépanner le BUG

I aussi Une façon d'ajouter des points d'arrêt est d'ajouter un déguggeur là où vous souhaitez qu'il s'arrête dans le code. L'exécution du code s'arrêtera ici

Recommandations associées :

Chrome+JS implémente le débogage des points d'arrêt

js Débogage des points d'arrêt de la série et débogage dynamique [Bases] compétences _javascript

js débogage des outils de développement Google

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!