Maison > interface Web > js tutoriel > le corps du texte

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

php中世界最好的语言
Libérer: 2018-04-18 10:56:40
original
1752 Les gens l'ont consulté

Cette fois, je vais vous proposer Chrome+JS pour implémenter le débogage des points d'arrêt. Quelles sont les précautions à prendre pour que Chrome+JS implémente le débogage des points d'arrêt ? Voici un cas pratique, jetons un coup d'œil.

Astuce 2 : Accédez rapidement à un emplacement de point d'arrêt

Les Points d'arrêt à droite résumeront tous les points d'arrêt que vous avez atteints dans le fichier JS. Cliquer sur la même ligne que la case à cocher annulera temporairement le point d'arrêt. Cliquer sur la ligne suivante de la case à cocher passera directement à. le point d'arrêt.

Astuce 3 : Vérifier la portée interne du point d'arrêt [très pratique]

Sur la droite portée vous pouvez voir de nombreuses informations pratiques, comme où cela pointe, s'il a une valeur, si le point d'arrêt est un objet ou autre chose, etc.

Astuce 4 : Écoutez les points d'arrêt des événements

Les Points d'arrêt de l'écouteur d'événement sur la droite peuvent surveiller de manière sélective certains types d'événements comportementaux, tels que la saisie au clavier, le glissement, etc. . Cochez la case précédente pour prendre effet. Lorsque vous déclenchez le changement de comportement, il passera au JS déclenché

. Astuce 5 : saut de surveillance DOM et XHR

Points d'arrêt DOM : Ceci est votre page Éléments. J'ai l'impression qu'il peut y avoir un comportement dans une certaine section du DOM, mais je ne connais pas l'emplacement exact

. XHR Breakpoints : Les points centraux de l'ajax demandés au serveur

Tous les comportements XHR sont vérifiés par défaut et l'option facultative consiste à déterminer l'URL. . . Je ne l'utilise pas beaucoup

Astuce 6 : Exécution en une seule étape, entrée en une seule étape, entrée forcée, sortie en une seule étape

Ce truc est essentiel pour le débogage. En fait, les amis qui ont utilisé Firebug le comprendront clairement. En gros pareil

Les noms de fonctions sont dans l'ordre. Si vous ne comprenez pas, vous pouvez jeter un œil à ma série Firebug

  • . Suspendre l'exécution du script [Exécution en une seule étape, pause au point d'arrêt, attendre le débogage - pas une traduction littérale] : Après la pause, ce bouton deviendra Reprendre l'exécution du script [Continuer l'exécution], touche de raccourci [F8 ou Ctrl +]

  • Passez au prochain appel de fonction【Saut en une seule étape】 : passera au point d'arrêt suivant, touche de raccourci【F10 ou Ctrl + `】

  • Passez à l'appel de fonction suivant 【 Sortir de la fonction actuelle [Sortie unique] : Il sortira du point d'arrêt actuel. Fonction, touche de raccourci [Maj + F11 ou Ctrl + Maj + ;]

  • Voici les particularités de Chrome

Désactiver les points d'arrêt : Invalider temporairement tous les points d'arrêt, touche de raccourci [Ctrl + F8]

  • Ne pas faire de pause sur les exceptions : Ne pas faire de pause à l'expression, il y a une option [Pause sur les exceptions capturées – Si une exception est levée, vous devez faire une pause ici]

  • Je pense que vous maîtrisez la méthode après avoir lu le cas dans cet article. Pour des informations plus intéressantes, veuillez prêter attention aux autres. articles connexes sur le site Web PHP chinois !

    Lecture recommandée :

Le terminal mobile vue.js implémente le chargement pull-up et l'actualisation déroulante

Installation détaillée étapes de JSONBuddy

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!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal