Sommaire
Journaliser
Plusieurs fonctions permettent d’afficher dans la console du navigateur des informations, simples messages ou variables.
// Affiche un message ou une variable quel que soit son type (int, float, string, object, array) console.log(var [, var2, ..., varN]); // Affiche un message qui selon le navigateur sera précédé d'un icône i et sera sur fond bleu console.info(var [, var2, ..., varN]); // Affiche un message qui selon le navigateur sera précédé d'un icône ! et sera sur fond jaune console.warn(var [, var2, ..., varN]); // Affiche un message qui selon le navigateur sera précédé d'un icône x et sera sur fond rouge console.error(var [, var2, ..., varN]); // Affiche un tableau de données ou un object Javascript avec une mise en forme console.table(var]); // Affiche la stack trace du navigateur console.trace();
Pour afficher du JSON, il peut être utile d’utiliser la syntaxe suivante, même si les navigateurs interprètent bien ce type données désormais.
console.log(JSON.parse(JSON.stringify(obj)));
Analyser les performances
Plusieurs fonctions permettent d’analyser et mesurer les performances des scripts.
// Démarre un timer en lui attribuant un nom
console.time('NomScript');
// Stop le timer dont le nom est passé en paramètre
console.timeEnd('NomScript');
// Afficher la valeur actuelle du timer dont le nom est passé en paramètre
console.timeLog('NomScript');
// Démarre le profiler du navigateur
console.profile('Name');
// Stop le profiler du navigateur dont le nom est passé en paramètre
console.profileEnd('Name');