JavaScript : Le débogage et l'analyse de code

Restreindre les scripts dans la console

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Apprenez à réduire au silence les scripts qui comportent des erreurs. Ainsi, vous pourrez vous concentrer sur le débogage de votre propre code.
02:49

Transcription

Pendant vos phases de debug il va souvent vous arriver d'avoir des messages d'erreur qui vont arriver ici dans la console, qui seront des messages d'erreur par exemple par la librairie « jquery.js » ou par des librairies que vous allez utiliser. Par exemple « director.js » pourrait être une librairie qu'on utilise et malheureusement on a des erreurs aussi sur ce fichier-là. Pour ne pas être pollué, c'est-à-dire avoir des messages qui ne sont pas vraiment dans le contexte du debug, jQuery est une librairie à part entière, on n'a pas envie forcément de voir les messages d’erreur de jQuery, il existe une option très intéressante dans la configuration : les « settings » de votre panneau de debug. On va aller dans « settings » et on va se rendre dans « Blackboxing ». Il faut connaître cette méthode, elle est vraiment intéressante quand vous allez travailler sur des grosses applications. Pour ne pas être pollué par les messages d'erreur des librairies que vous utilisez, vous pouvez les blackboxer. Comment on va blackboxer ? On va simplement ajouter le nom, la pattern. Par exemple, je peux lui dire que c'est tout ce qui va être du « jquery. » + quelque chose, qui seront, du coup, des librairies. Je ne veux pas de message d'erreur de ces librairies-là. Je vais ajouter. Je pourrais aussi lui dire que je veux la même chose pour mon « director ». Mon « director » c'est une librairie annexe, je n’ai pas envie de m'embêter avec ça, je vais donc faire « Add », comme ça je les ajoute. Quel va être le comportement du coup ? On va fermer les « settings », et on va voir que dans le « trace » qu'on a ici, on se rend compte que pour « director » et « jquery » la couleur est un peu différente, elle est plus pâle que les autres. C'est pour vous dire que ces deux scripts-là sont blackboxés, sont ajoutés à la liste noire, ni plus ni moins. Du coup vous n'aurez plus d'erreurs de ces librairies-là. Vous verrez vos erreurs à vous, vous verrez les erreurs dans vos scripts, ceux qui ne sont pas blackboxés. Par contre, ceux qui sont blackboxés ne soulèveront plus d'erreurs et c'est plutôt intéressant. Il s'agit simplement d'aller utiliser cette option et d'aller ajouter des scripts dans la Blackbox. Dans ce panneau de settings il y a d'autres options qui sont intéressantes. Il y a des choses qui peuvent être vraiment sympa. On peut notamment lui demander de nous montrer les « timestamps », c'est-à-dire, à chaque fois qu'on a une ligne de log, ou quelque chose, d'avoir du temps et de savoir exactement quand est-ce que ça s'est passé. Si vous ne le faites pas, vous n'avez pas les heures mais ici vous pourriez avoir les « timestamps » complets avec les heures, etc. Pendant l'exécution d'un script vous verrez les choses apparaître. Bien-sûr le blackboxing marchera aussi si ici on ajoute quelque chose d'autre. On voit bien que notre « pluralize » va être rappelé, parce que cette partie-là va être rechargée et le « pluralize » va s'occuper d'ajouter un « s » ou pas à cet endroit-là. Du coup on voit bien qu'il y a un rendu qui est fait. Là vous voyez que jQuery est blackboxé. Pensez à cette option de Blackbox, c'est très important. Ça vous évitera d'être pollué par des messages que vous ne voulez pas forcément voir.

JavaScript : Le débogage et l'analyse de code

Prenez en main les techniques et les outils pour améliorer votre code JavaScript. Découvrez Bower, js-beautify, la console de Chrome, les tests unitaires et fonctionnels, etc.

1h29 (26 vidéos)
Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :3 mars 2017

Votre formation est disponible en ligne avec option de téléchargement. Bonne nouvelle : vous ne devez pas choisir entre les deux. Dès que vous achetez une formation, vous disposez des deux options de consultation !

Le téléchargement vous permet de consulter la formation hors ligne et offre une interface plus conviviale. Si vous travaillez sur différents ordinateurs ou que vous ne voulez pas regarder la formation en une seule fois, connectez-vous sur cette page pour consulter en ligne les vidéos de la formation. Nous vous souhaitons un excellent apprentissage avec cette formation vidéo.

N'hésitez pas à nous contacter si vous avez des questions !