Retourner à la page d'accueil de TJS

Objet : window.console

Objet console pour afficher des informations dans la console du navigateur, indispensable pour tout développeur


Compatible tous navigateurs

Description
Objet permettant d'écrire dans la console JavaScript du navigateur. Indispensable pour les développeurs web qui veulent être efficaces.

La commande la plus courante est log().

Tous les navigateurs récents ont une console de développement pour aider à la conception web.
Voici un exemple de console pour Chrome sur Mac :
Exemple script window.console dans la référence du JavaScript par ToutJavaScript.com

La référence JavaScript du site propose un émulateur de la console à chaque exemple de script pour plus de compréhension.

L'instruction debugger ouvre un outil de debuggage pas à pas, très pratique.


Propriété
memory Informations sur la mémoire JavaScript disponible et utilisée par le navigateur

Méthodes
assert() Affiche un message d'erreur dans la console si l'assertion est fausse
clear() Vide le contenu affiché dans la console du navigateur
error() Ecrit le contenu de l'objet sous forme de message d'erreur dans la console
group() Ajoute un niveau d'indentation dans l'affichage de la console
groupEnd() Réduit l'indentation d'un niveau dans l'affichage de la console
log() Affiche le contenu de l'objet dans la console du navigateur
table() Affiche le contenu de monTableau dans la console sous forme de tableau
time() Démarre un chronomètre nommé timerName
timeEnd() Arrête le chronomètre timerName et retourne le temps écoulé dans la console
trace() Affiche la pile d'exécution (stack trace) dans la console
warn() Ecrit le contenu de l'objet dans la console du navigateur sous forme d'avertissement

Exemple 1 : Emulation de la console
Code source
<script type="text/javascript">
 console.log("Observez la zone d'émulation de la console");
 
 // Affichage de variables
 var txt="Affichage d'une variable dans la log";
 console.log(txt);
 var PI=Math.PI;
 console.log(PI);  

 // Affichage d'objet HTML
 console.log(document.querySelector("li"));

 // Affichage de la console dans la console
 console.log(console);
</script>

Résultat
Emulation de la console
Explication
Pratique !

Page en rapport
Tutorial : La console JavaScript des navigateurs
Page mise à jour le

Mon nouveau livre Tout JavaScript chez Dunod

Tout JavaScript le livre chez DunodEn savoir plus
Sortie le 14 novembre 2019

Version papier à 29€90
Format électronique à 22€99.

Commandez en ligne

Chercher une fonction, un objet, ...

Le 18/09/2020 10:13:21 sur php7 en 37.33 ms