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");
SELECT *, DATE_FORMAT(dt_insert, '%d/%m/%Y %H:%i' ) AS jour_insert, DATE_FORMAT(dt_maj, '%d/%m/%Y %H:%i' ) AS jour_maj FROM js_reference ORDER BY IDfather, name
SELECT * FROM js_navigateur ORDER BY ordre
SELECT * FROM js_version ORDER BY ID
SELECT * FROM js_reference WHERE phpfile="window.console"
UPDATE js_reference SET nb_visi=nb_visi+1, nb_visi_delai=nb_visi_delai+1 WHERE ID='233'
SELECT * FROM js_navigateur ORDER BY ordre
SELECT js_equivalent_ressource.*, js_equivalent_language.language, js_equivalent_language.favico
FROM js_equivalent_ressource, js_equivalent_language
WHERE js_equivalent_ressource.idLanguage = js_equivalent_language.id
AND js_equivalent_ressource.etat=1
AND js_equivalent_language.etat=1
AND js_equivalent_ressource.typeof='REF'
AND js_equivalent_ressource.idRessource="233"
SELECT * FROM js_exemple WHERE ID='233' ORDER BY ordre
SELECT * FROM js_url WHERE ID='233' ORDER BY ordre
En savoir plus
