Aller au contenu principal

Déboguer avec une méthode

Déboguer ne consiste pas à modifier du code au hasard jusqu’à ce que l’erreur disparaisse. Il s’agit de réduire progressivement l’espace des causes possibles.

La boucle en cinq étapes​

  1. Reproduire le problème avec des étapes stables.
  2. Observer le message d’erreur, l’état et la requête concernée.
  3. Formuler une hypothèse précise.
  4. Modifier une seule variable pour tester cette hypothèse.
  5. Vérifier le correctif et l’absence de régression.

Les outils du navigateur​

  • Console : erreurs JavaScript et valeurs observées ;
  • Réseau : requêtes, codes HTTP, durées et réponses ;
  • Éléments : structure HTML et styles calculés ;
  • Sources : points d’arrêt et exécution pas à pas ;
  • Stockage : cookies, stockage local et données de session.
function total(prix, quantite) {
  console.assert(quantite >= 0, "La quantité doit être positive");
  return prix * quantite;
}

Un message utile décrit ce qui était attendu, ce qui s’est réellement produit et la valeur qui a déclenché le problème.

Défi rapide​

Prenez une page qui ne charge pas une ressource. Utilisez l’onglet Réseau pour identifier l’URL, le code HTTP et la réponse. Écrivez ensuite une hypothèse que ces trois observations permettent de tester.