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 :
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");