J'ai déjà utilisé Printf Debogging, et depuis lors, j'ai toujours semblé corriger le bug plus rapidement avec cette méthode.
Dans certains cas, de meilleurs outils sont nécessaires, voici quelques-unes des meilleures d'entre elles, et je suis sûr que vous les trouverez utiles:
1. Debugger;
Vous pouvez utiliser le «débogueur»; Instruction pour ajouter des points d'arrêt forcés à votre code.
Les conditions de point d'arrêt ont-elles besoin? Enveloppez-le simplement dans la clause if:
La copie de code est la suivante:
if (quelque chose Happens) {
débogueur;
}
N'oubliez pas de le supprimer avant d'aller en ligne.
2. Débranchez lorsque le nœud change
Parfois, Dom semble avoir ses propres idées. Il est difficile de trouver la cause profonde du problème lorsque des changements incroyables se produisent.
Les développeurs Chrome ont des compétences super utiles pour déboguer ce problème. C'est ce qu'on appelle "Break on ...", que vous pouvez trouver en cliquant avec le bouton droit sur le nœud Dom sur l'onglet Elements.
Les points d'arrêt peuvent être définis après la suppression d'un nœud, lorsque les propriétés du nœud changent ou les nœuds dans son sous-arbre changent.
3. Ajax Breakpoint
Les points d'arrêt XHR, ou ce que j'appelle les points d'arrêt de l'AJAX, permettent également la déconnexion lorsqu'une demande AJAX attendue est créée.
Il s'agit d'un outil surprenant lors du débogage du réseau de votre application Web.
4. Simuler différents appareils mobiles
Chrome ajoute des outils de simulation de périphériques mobiles intégrés, qui simplifieront votre routine quotidienne.
Sélectionnez tous les onglets non console pour les trouver, appuyez sur la touche ESC sur le clavier et sélectionnez l'appareil mobile que vous souhaitez toucher.
Vous n'obtiendrez certainement pas un vrai iPhone, mais la taille, les événements Touch et Agemt suivront pour vous.
5. Améliorez votre site via l'audit
Yslow est un excellent outil. Chrome comprend également un outil similaire appelé Audits sous les outils du développeur.
Utilisez un examen rapide de votre site Web pour obtenir des conseils d'optimisation pratiques utiles.
Quoi d'autre?
Sans ces outils, je ne peux pas imaginer comment se développer. Je posterai plus quand j'en trouverai de nouveaux, alors restez à l'écoute.