Logging
Achref El Mouelhi
Docteur de l’université d’Aix-Marseille
Chercheur en Programmation par contrainte (IA)
Ingénieur en Génie logiciel
[email protected]
12-13 Avril 2018, POE m2i 1/7
JavaScript
4 type de messages de journalisation avec JavaScript
console.log() : pour affiché un message non formaté
console.info() : pour affiché un message en bleu
console.warn() : pour affiché un message d’avertissement
console.error() : pour affiché un message d’erreur
12-13 Avril 2018, POE m2i 2/7
JavaScript
Exemple
console.log("log");
// affiche un message en noir dans la console
console.info("info");
// affiche un message en bleu dans la console
console.warn("warn");
// affiche un message + une icône en orange dans la
console
console.error("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)
console.log("%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)
console.log("%chello world", "background:red; color:
white");
Pour afficher un messages avec des propriété CSS différente
console.log("%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
console.group("Premier groupe de message");
console.log("première ligne");
console.log("deuxième ligne");
console.log("dernière ligne");
console.groupEnd();
12-13 Avril 2018, POE m2i 5/7
JavaScript
Il est possible de créer un groupement de messages
console.time("Test process");
// on ajoute du code JS ici
console.timeEnd("Test process");
12-13 Avril 2018, POE m2i 6/7
JavaScript
Il est possible de créer un groupement de messages
console.time("Test process");
// on ajoute du code JS ici
console.timeEnd("Test process");
Le contenu de console.time et console.timeEnd 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 console.log, on peut créer une
variable contenant le nom de la fonction
var cl = console.log;
12-13 Avril 2018, POE m2i 7/7
JavaScript
Pour éviter d’écrire chaque fois console.log, on peut créer une
variable contenant le nom de la fonction
var cl = console.log;
Puis utiliser ce raccourci pour afficher de messages
cl("hello");
// affiche hello
12-13 Avril 2018, POE m2i 7/7
