Quand on travaille avec JavaScript, il est important de pouvoir debugger nos variable. Pour se faire, pas moins de 22 méthodes sont disponibles.

console.assert

Écrit un message d'erreur dans la console si l'assertion est fausse. 

Si l'assertion est vraie, rien ne se passe.

console.clear

Efface la console si l'environnement le permet.

console.count

Enregistre le nombre de fois que cet appel particulier à count() a été appelé.

console.countReset

Il remet à zéro le compteur utilisé avec console.count().

console.debug

Identique à console.log

console.dir

Affiche une liste interactive des propriétés de l'objet JavaScript spécifié.

Idéal pour afficher une représentation complète de l'objet DOM JS.

console.dirxml (not standard)

Pour être honnête, je ne sais pas quelle est la différence avec console.log. Du moins sur Chrome.

console.error

Affiche un message d'erreur dans la console Web.

Il s'affiche généralement en rouge. 

Contient généralement la trace de l'erreur. Utile pour le débogage.

console.group

Crée un nouveau groupe en ligne dans le journal de la console Web. 

Cela indente les messages suivants de la console d'un niveau supplémentaire, jusqu'à ce que console.groupEnd() soit appelé.

Utile pour déboguer tout en gardant les choses "propres" :

console.groupEnd

Relié à la méthode précédente.

Quitte le groupe en ligne actuel dans la console Web.

console.collapse

Crée un nouveau groupe en ligne dans la console Web. Contrairement à console.group(), cependant, le nouveau groupe est créé de manière réduite. 

L'utilisateur devra utiliser le bouton de divulgation situé à côté pour le développer, révélant ainsi les entrées créées dans le groupe.

console.info

La méthode console.info() envoie un message d'information à la console Web. 

Dans Firefox, une petite icône "i" s'affiche à côté de ces éléments dans le journal de la console Web.

console.memory

Il semble qu'il s'agisse d'un alias pour "performance.memory".

Ce n'est pas une méthode. Il n'y aura pas de ().

Obtient des informations sur la mémoire telles que :

- jsHeapSizeLimit

- totalJSHeapSize

- usedJSHeapSize

console.profile (non standard)

Commence à enregistrer un profil de performance.

Fonctionne dans Firefox.

console.profileEnd

Apparenté à celui ci-dessus.

Termine l'enregistrement du profil

console.table

Prend un argument obligatoire data, qui doit être un tableau ou un objet, et un paramètre optionnel supplémentaire columns.

Elle enregistre les données sous forme de tableau. Chaque élément du tableau (ou propriété énumérable si les données sont un objet) sera une ligne dans le tableau.

console.time

Démarre un minuteur que vous pouvez utiliser pour suivre la durée d'une opération. Vous donnez à chaque minuterie un nom unique.

Lorsque vous appelez console.timeEnd() avec le même nom, le navigateur affiche le temps, en millisecondes, qui s'est écoulé depuis le démarrage du minuteur.

console.timeEnd

En relation avec la méthode console.time précédente

console.timeLog

Enregistre sur la console la valeur actuelle d'une minuterie qui a été précédemment lancée en appelant console.time()

console.timeStamp (non standard)

Ajoute un marqueur unique à l'outil Performance ou Waterfall du navigateur. Cela vous permet de corréler un point de votre code avec les autres événements enregistrés dans la ligne de temps, tels que les événements de mise en page et d'évènement.

console.trace (non standard)

Affiche une trace de la pile dans la console Web.

console.warn

Affiche un message d'avertissement dans la console Web.

Il s'affiche généralement en jaune et montre aussi la trace.