Logging
Achref El Mouelhi
Docteur de l’université d’Aix-Marseille
Chercheur en Programmation par contrainte (IA)
Ingénieur en Génie logiciel
[Link]@[Link]
12-13 Avril 2018, POE m2i 1/7
JavaScript
4 type de messages de journalisation avec JavaScript
[Link]() : pour affiché un message non formaté
[Link]() : pour affiché un message en bleu
[Link]() : pour affiché un message d’avertissement
[Link]() : pour affiché un message d’erreur
12-13 Avril 2018, POE m2i 2/7
JavaScript
Exemple
[Link]("log");
// affiche un message en noir dans la console
[Link]("info");
// affiche un message en bleu dans la console
[Link]("warn");
// affiche un message + une icône en orange dans la
console
[Link]("error");
// affiche un message + une icône en rouge dans la
console
12-13 Avril 2018, POE m2i 3/7
JavaScript
On peut aussi personnaliser les couleurs en utilisant des
propriétés CSS et le paramètre %c (compatible avec chrome
firefox)
[Link]("%chello world", "background:red; color:
white");
12-13 Avril 2018, POE m2i 4/7
JavaScript
On peut aussi personnaliser les couleurs en utilisant des
propriétés CSS et le paramètre %c (compatible avec chrome
firefox)
[Link]("%chello world", "background:red; color:
white");
Pour afficher un messages avec des propriété CSS différente
[Link]("%chello " + "%cworld", "background:red;
color:white", "background:blue; color:red" );
12-13 Avril 2018, POE m2i 4/7
JavaScript
Il est possible de créer un groupement de messages
[Link]("Premier groupe de message");
[Link]("première ligne");
[Link]("deuxième ligne");
[Link]("dernière ligne");
[Link]();
12-13 Avril 2018, POE m2i 5/7
JavaScript
Il est possible de créer un groupement de messages
[Link]("Test process");
// on ajoute du code JS ici
[Link]("Test process");
12-13 Avril 2018, POE m2i 6/7
JavaScript
Il est possible de créer un groupement de messages
[Link]("Test process");
// on ajoute du code JS ici
[Link]("Test process");
Le contenu de [Link] et [Link] doit être le
même. Ça correspond au nom du bloc pour lequel on veut calculer le
temps d’exécution.
12-13 Avril 2018, POE m2i 6/7
JavaScript
Pour éviter d’écrire chaque fois [Link], on peut créer une
variable contenant le nom de la fonction
var cl = [Link];
12-13 Avril 2018, POE m2i 7/7
JavaScript
Pour éviter d’écrire chaque fois [Link], on peut créer une
variable contenant le nom de la fonction
var cl = [Link];
Puis utiliser ce raccourci pour afficher de messages
cl("hello");
// affiche hello
12-13 Avril 2018, POE m2i 7/7
