Vous êtes sur la page 1sur 10

Logging

Achref El Mouelhi

Docteur de l’université d’Aix-Marseille


Chercheur en Programmation par contrainte (IA)
Ingénieur en Génie logiciel

elmouelhi.achref@gmail.com

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

Vous aimerez peut-être aussi