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


Compatibilité 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 graph des objets Javascript



Chargement
en cours...
Le 09/04/2020 03:08:11 sur php7 en 362.33 ms