Lorsque vient le temps de déboguer votre application JavaScript Angular, plusieurs solutions s’offrent à vous. Voici quelques trucs et astuces pour vous aider à le faire efficacement.
console.log( ) et ses amis
Un incontournable pour afficher le contenu de vos objets et variables dans la console du navigateur.
1
|
console.log(maVaraible);
|
Aussi disponibles avec une sortie colorée :
1
2
3
|
console.info()
console.warn()
console.error()
|
Pour ceux qui veulent plus d’options de coloration, vous pouvez utiliser du CSS de la manière suivante :
1
|
console.log(‘%c This is great CSS ‘, ‘background: #222; color: #bada55’);
|
dump( )
Si vous utilisez Jasmine pour vos tests, vous pouvez utiliser dump( ), qui affichera le contenu de votre variable dans le terminal lors de l’exécution de vos tests.
1
|
dump(maVariable);
|
angular.mock.dump( )
La mise en forme de votre consol.log est difficile à lire dans votre terminal ? Vous pouvez utiliser angular.mock.dump( ) qui formatera l’objet en JSON lisible.