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

Générer des rapports de fonction

Testez gratuitement nos 1333 formations

pendant 10 jours !

Tester maintenant Afficher tous les abonnements
Voyez comment créer des rapports de script. Ils permettront de connaître les exécutions effectives dans votre code.
03:16

Transcription

Vous aurez également besoin d'un dernier outil très intéressant qui permet de générer des profils. Qu'est-ce que c'est qu'un profil ? Un profil, c'est une espèce de rapport dans lequel on a, depuis un emplacement, toutes les exécutions qui se sont exécutées jusqu'à ce qu'on arrête le profiler. Pour démarrer et arrêter un profiler, il existe deux commandes : « console.profile » et « console.profileEnd ». Ces deux fonctions-là, vous allez pouvoir les utiliser pour démarrer et arrêter le profiler. On va voir comment on le démarre. Pour le démarrer, vous allez le placer quelque part, par exemple dans « pluralize » ici. On va démarrer un profiler avec « console.profile ». C'est une fonction, donc on le démarre comme ça. On va simplement enregistrer le fichier et se rendre ici sur notre code et le recharger. On va voir qu'on a un profil qui vient d'être démarré et on va pouvoir l'arrêter quand on en a envie. Comment on va arrêter le profil ? Tout simplement en lui demandant « console.profileEnd ». C'est une fonction également, vous allez envoyer ça en console. Ça s'est arrêté. Maintenant que ça s'est arrêté, ça veut dire qu'un profil a été créé, depuis le moment où on a commencé à exécuter le profil, et avec tout ce qu'on aura fait dans l'interface. Donc si vous utilisez l'interface, ça fera partie du profiler. On va se rendre dans l'onglet « Profiles » qui se trouve ici. On a bien un profil qui a été créé. Il a démarré à l'endroit où on lui a demandé de démarrer et a continué à fonctionner et nous donne toutes les implications entièrement de ce qui s'est passé. Après ça il va falloir le parcourir un peu mais c'est très intéressant parce que ça fait un profil complet de ce qui se passe sur l'application, vraiment entièrement. Ce profil-là, vous pouvez l'avoir sous forme de diagramme avec les pics. On sait exactement quand est-ce qu'on a eu des pics JavaScript et ce qui s'est passé réellement. On sait combien de temps ça a pris à chaque fois. On va pouvoir avoir plus d'informations puisqu'ici, en « Top Down », on a ce qui se passe exactement et on peut rentrer à l'intérieur de chaque processus pour aller voir vraiment jusqu'au bout ce qui se passe sur le script. Ce qui est intéressant avec ces profils c'est que vous avez la possibilité de les sauvegarder. Vous pouvez enregistrer les profils de CPU et de ce qui s'est passé réellement sur votre script pour, entre deux développements, voir si on a des améliorations. On sait combien de temps prend le script en exécution. On pourrait vérifier si les optimisations qu'on va faire nous permettent d'avoir un peu plus d'informations et de réduire les temps d'exécution sur certaines parties. Vous avez également les pourcentages d'exécutions. On sait exactement combien de temps prennent telle ou telle fonctionnalité. Vous avez aussi les appels de librairie puisqu’on sait qu'à un moment jQuery a été appelé à cet endroit-là et a été rappelé encore en bas. Donc ça ce sont les « handlers » de jQuery qui sont placés et qui permettent de faire fonctionner toute notre interface. Les profils sont intéressants à regarder. Ils sont intéressants à étudier entre deux patchs de l'application. Ça vous permettra d'avoir quelques informations. Surtout sur les temps d'exécution, qui sont des temps assez intéressants et assez importants. N'hésitez pas à regarder et à pousser un peu de ce côté-là parce que ça vous permet d'avoir de l'information. Ça vous permet d'avoir une vraie information en termes de rapidité d'exécution de votre code et donc en termes de performance.

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 !