Lors d'un développement d'un programme, généralement, il ne marche pas !
Donc on passe la majeur partie de son temps à chercher les erreurs.
Pour cela, différents outils sont utiles.
Celui que je préfère est la possibilité d'écrire dans une fenêtre de "debugging" divers informations au choix,
à divers endroits du programme.
La manière standard dans Firefox est d'ouvrir la console Web (ctrl+maj+i) du Développement Web. console.log(string); permet d'afficher du texte dans la console de développement Web de Firefox.
Voir :
Ouvrir la Console web, de MDN web docs.
J'ai développé une routine de librairie permettant d'écrire ces informations.
Voici un exemple qui permet d'afficher diverses informations dans une fenêtre prévue à cet effet.
L'ordre principale est la commande DBW("chaine de caratrères", nombre_option);
qui affiche une chaine de caractères dans une fenêtre de "debugging" à part.
"nombre_option" est un nombre qui permet d'ignorer l'affichage ou d'afficher la date.
Pour un affichage normale, nombre_option = un nombre entre 256 + 1 et 256 + 255.
nombre_option = nombre_option | 512 pour afficher la date. "DBW" signifie "Debug Write".
Pour jouer un son, on peut appeler : DBBeep(""); DBBeep('1'); DBBeep('2'); DBBeep('3');
ou DBBeep('id d'une balise <audio> contenant un son personnalisé.');.
Pour l'utiliser, il faut inclure le ficher javascript : DebuggingWindow.js De la manière suivante : <script type="application/javascript" src="librairie/DebuggingWindow.js"></script>
Le répertoire de travail doit contenir : DebuggingWindow.js et
DebWin.js dans le sous répertoire "librairie" et bip.wav ;
un.mp3 ;
deux.mp3 ;
trois.mp3 ;
chunk.mp3 ;
cash.mp3 dans le sous répertoire "sons".
Ensuite, dans votre page html de développement, mettez des ordres : DBW("....", 7)
où vous voulez pour voir apparaître dans une fenêtre à part vos informations. DBBeep("n"); pour jouer un son. "n" = chiffre de 0 à 5 ou l'id d'une balise <audio> personnelle.
;
;
;
;
;
;
;
sont des sons standards.
;
sont des sons personnalisés.
Affiche l'heure à la suite :
Termine par un retour à la ligne :
Interprète les balises HTML :
La DebuggingWindow accepte un certain nombre d'options.
Ces options sont sélectionnable en modifiant la variable : glnDBFlagsOpt
Si ( (glnDBFlagsOpt & cteDBTIME) != 0), alors affiche l'heure en fin de ligne.
Si ( (glnDBFlagsOpt & cteDBBREAK) != 0), alors fait un retour à la ligne.
Si ( (glnDBFlagsOpt & cteDBESC) == 0), alors interprète les balises HTML.
Si ( (glnDBFlagsOpt & nombre_option) == 0), alors n'affiche rien,
où "nombre_option" est le 2ème paramètre de DBW(string, nombre_option).