Préface
Dans notre développement quotidien, nous utilisons souvent les puissantes sources de console chromée pour déboguer les points d'arrêt du code, mais nous ne pouvons pas le trouver dans des sources en chargeant JS de manière asynchrone via $.getScript et autres de manière asynchrone. Alors, comment déboguer les points de rupture? Jetons un coup d'œil ci-dessous.
Ceci est un exemple de diagramme de notre débogage avec les sources Breakpoint:
Dans la figure, nous pouvons voir que dans index.js, nous introduisons test.js via $.getScript pour voir comment il fonctionne:
Nous avons vu dans Network That Test.js a été introduit avec succès, mais il appartient aux demandes de classe XHR, nous ne le trouverons donc certainement pas dans des sources.
Comme prévu, il n'y avait en effet aucune trace de test. Le point culminant arrive, alors comment puis-je déboguer le point d'arrêt? ? ?
Je connais deux solutions, d'abord la plus facile:
Solution 1: add //@ sourceURL=test.js à l'en-tête ou à la queue du code test.js, puis trouvez-le dans (no domain) pour le débogage et voyez le résultat:
Solution 2: Modifiez la méthode asynchrone de $.getScript pour créer des balises de script et charger de manière synchrone. La figure est directement répertoriée:
Résumer
Le point d'arrêt de la console nous est très utile pour vérifier le code, la détection des fonctions, la visualisation des données et d'autres besoins. Nous essayons de remplacer la console ennuyeuse.log par des points d'arrêt. Ce qui précède est l'intégralité du contenu de cet article. J'espère que cela sera utile à l'étude et au travail de chacun. Si vous avez des questions, vous pouvez laisser un message pour communiquer.