Testez les performances de vos scripts

En utilisant la console

Le 2013-03-28 11:31:40, par Bovino, Rédacteur

Nous avons souvent besoin de tester la performance de nos scripts.
Pour cela, nous rencontrons souvent des fonctions spécifiques basées sur l'objet Date(), par exemple :

Code :

1
2
3
4
5
var d1, d2;
d1 = Date.now();
// Code à tester ici
d2 = Date.now();
console.log(d2 - d1);

Ce qui est dommage, c'est d'utiliser la console uniquement pour afficher le résultat alors que celle-ci est capable de faire le travail toute seule !

Code :

1
2
3
console.time('Nom du test');
// Code à tester
console.timeEnd('Nom du test');

affichera directement le résultat souhaité.
[ATTACH]114655d1/a/a/a" />

Compatibilité : Firebug, Chrome, Opera et Safari.

Discussion forum

2 commentaires

SylvainPV
Rédacteur/Modérateur

Il y a plein de petites choses dans l'API console qu'on ne soupçonne même pas et qui nous aident au quotidien.

Par exemple :
- console.assert pour les assertions
- console.group pour réunir les logs par catégories
- console.trace pour les call stacks
- console.dir pour afficher un objet JS en détail
- console.info / console.warn / console.error pour spécifier le niveau d'importance des logs

https://developers.google.com/chrome...cs/console-api

Avec tout ça on se demande pourquoi autant de gens utilisent encore des alert() pour debugger leur code

le 28/03/2013 à 19:38
Njörd
Membre averti

Bonsoir,

Envoyé par SylvainPV

Il y a plein de petites choses dans l'API console qu'on ne soupçonne même pas et qui nous aident au quotidien.
...

Terrible l'API ! Merci pour le lien et l'interpellation

le 28/03/2013 à 21:11