Quels sont les types de points d'arrêt JavaScript ?

Types de points d'arrêt JavaScript : 1. Points d'arrêt des sources ; 2. Points d'arrêt du débogueur ; 3. Points d'arrêt du DOM, qui ajoutent des points d'arrêt sur les éléments DOM pour atteindre des objectifs de débogage ; 5. Points d'arrêt de l'écouteur d'événements ;

L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.

Classification des points d'arrêt JS

1. Point d'arrêt JS

(1) Point d'arrêt Sources

Le processus pour ajouter un point d'arrêt Sources est "F12 (Ctrl + Maj + I) pour ouvrir les outils de développement" - - "Cliquez sur le menu Sources" - "Trouver le fichier correspondant dans l'arborescence de gauche" - "Cliquez sur la colonne du numéro de ligne" pour terminer l'opération d'ajout/suppression de points d'arrêt sur la ligne en cours. Une fois le point d'arrêt ajouté, actualisez la page et l'exécution de JS s'arrêtera à la position du point d'arrêt. Vous verrez toutes les variables et valeurs dans la portée actuelle sur l'interface Sources. Il vous suffit de vérifier chaque valeur pour remplir les exigences de vérification. de notre question.

Vous pouvez également définir des points d'arrêt conditionnels dans Sources. Sélectionnez "Modifier le point d'arrêt..." dans le menu contextuel de l'emplacement du point d'arrêt pour définir les conditions de déclenchement du point d'arrêt. le point d'arrêt ne sera déclenché que lorsque l'expression est vraie.

(2) Point d'arrêt du débogueur

Le point d'arrêt du débogueur est ajouté en ajoutant l'instruction "debugger;" dans le code. Lorsque le code est exécuté sur cette instruction, il brisera automatiquement le point

2. break Cliquez sur

Point d'arrêt DOM, comme son nom l'indique, il s'agit d'ajouter un point d'arrêt sur l'élément DOM pour atteindre l'objectif de débogage. Dans l'utilisation réelle des points d'arrêt, l'effet est finalement implémenté dans la logique JS.

Comment ajouter un point d'arrêt DOM : Éléments-clic droit sur l'élément-Break sur-sélectionner un point d'arrêt

(1) modifications de sous-arbre Modifications de sous-arbre Point d'arrêt de modification de sous-arbre

Principalement pour des opérations telles que l'ajout, la suppression et l'échange d'ordre des nœuds enfants, mais modifications de sous-arbres Les modifications d'attributs de nœud et les modifications de contenu ne déclencheront pas de points d'arrêt

(2) modifications d'attributs points d'arrêt d'attribut de nœud

(3) suppression de nœud points d'arrêt de suppression de nœud

3, points d'arrêt XHR

XHR Points d'arrêt

Comme son nom l'indique, lorsque l'URL envoyée par la requête asynchrone répond aux conditions du point d'arrêt, le point d'arrêt est déclenché

Méthode Breakpoint : sources - Le point d'arrêt de l'écouteur d'événement est défini en fonction du nom de l'événement. Lorsqu'un événement est déclenché, le point d'arrêt est défini sur l'emplacement où l'événement est lié. Les points d'arrêt de l'écouteur d'événements répertorient tous les événements de page et de script, notamment : souris, clavier, animation, minuterie, XHR, etc. (L'emplacement est généralement sous XHR/récupérer les points d'arrêt dans les sources)

[Recommandations associées : Tutoriel d'apprentissage Javascript]

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!