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