Une fenêtre de debugging en javascript


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.  Pour cette raison, 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", nOption); qui affiche une chaine de caractères dans une fenêtre de "debugging" à part.
nOption est un nombre qui permet d'ignorer l'affichage ou d'afficher la date.
Pour un affichage normale, nOption = un nombre entre 256 + 1 et 256 + 255.
nOption = nOption | 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('non d'un fichier de son en wav ou mp3');.

Pour l'utiliser, il faut inclure le ficher javascript : DebuggingWindow.js
De la manière suivante :
< script langage="JavaScript" src="librairie/DebuggingWindow.js">< /script >
On supose que la page web est dans un sous répertoire "javascript" ou un descendant de ce répertoire.
Le répertoire "javascript" doit contenir le répertoire "librairie", qui doit contenir :
DebuggingWindow.js   et   DebWin.js   et
bip.wav     un.mp3   deux.mp3   et   trois.mp3   pour les sons.

Ensuite, dans votre page .html, mettez des ordres  DBW("....")  où vous voulez pour voir apparaître dans une fenêtre à part vos informations.
Pour jouer un sons,  DBBeep("");  joue le sons bip.wap.
Test la fonction DBW
Test n°2 de la fonction DBW
Test n°3 avec un br
fait un Beep
dit "un",   dit "deux",   dit "trois".
bruit de "cash".
bruit de "chunk".

Efface le contenu de la fenêtre de debugging.

affiche l'heure à la suite. ;   n'affiche pas l'heure à la suite..
Termine par un retour à la ligne. ;   Ne termine pas par un retour à la ligne..
Interprète les balises HTML. ;   N'interprète pas les balises HTML..

La DebuggingWindow accepte un certain nombre d'options.
Ces options sont sélectionnable en modifiant la variable : nDBFlagsOpt
Si ((nDBFlagsOpt & ncteDBBreak) != 0), alors fait un retour à la ligne.
Si ((nDBFlagsOpt & ncteDBTime) != 0), alors affiche l'heure en fin de ligne.
Si ((nDBFlagsOpt & ncteDBESC) != 0), alors n'interprète pas les balises HTML.
Si ((nDBFlagsOpt & nOption) == 0), alors n'affiche rien,  où  nOption est le 2ème paramètre de DBW(...).

nDBFontSize  = 3;  // taille pas défaut des caractères.

// par défaut, la page web se trouve dans le dossier ou un sous-dossier de "javascript".
strDBjavascript = "javascript";


Plan de site : index.html    javascript.html     TestDebuggingWindow.html

Page mise à jour le 15 juillet 2009 par Bernard Gisin.
Hébergement par : www.educanet2.ch