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 type="text/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".
bruit de "tic".
bruit de "tac".

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