Le 14 septembre 2017, nous avons publié une version actualisée de notre Politique de confidentialité. En utilisant video2brain.com vous vous engagez à respecter ces documents mis à jour. Veuillez donc prendre quelques minutes pour les consulter.

L'essentiel de JavaScript

Envoyer des messages dans la console

TESTEZ LINKEDIN LEARNING GRATUITEMENT ET SANS ENGAGEMENT

Tester maintenant Afficher tous les abonnements
Vous allez apprendre à utiliser la console de votre navigateur en lui envoyant des messages à afficher.

Transcription

Jusqu'à présent nous avons utilisé des alertes pour avoir à l'écran des informations visibles qui prouvent que javascript est en action. Ces messages d'alerte ne sont pas très agréables. D'abord, cette boîte arrête l'exécution du code, tant que nous n'avons pas cliqué sur le bouton ok. Puis, si des boîtes d'alerte sont à l'écran il faudra cliquer sur ok à chaque alerte ainsi l'exécution du code sera suspendue. Vous découvrirez une façon nettement plus gracieuse et flexible de générer des messages avec javascript, en utilisant la console. Cette console n'est affichée que lorque les outils de développement sont affichés. Je retourne dans Brackets, je suis toujours dans le même fichier HTML. Dans la vidéo précédente j'avais déplacé mon javascript, dans ce fichier "myScript.js", ouvert ici. Je travaille donc ici et je remplace mon alerte par un console.log. Je mets à jour mon commentaire puisque j'envoie un message dans la console, je sauvegarde je reviens dans le navigateur et je rafraichis ma page. Première bonne nouvelle je n'ai plus cette alerte qui vient m'embêter, par contre si j'ouvre mes outils de développement je vois que mon message "Bonjour tous le monde" a été envoyé, dans cette fameuse console. Cela est un premier avantage de ce console.log. Les utilisateurs qui ne prennent pas la peine d'afficher cette console ne verront pas ce message et ne seront pas embêter par ces alertes à l'écran. L'exécution du code n'est pas suspendue donc les performances de la page sont maintenues. Pour les développeurs prenant la peine d'afficher cette console, ces messages sont accessibles et permettent ainsi l'exécution de notre javascript. C'est encore plus flexible que cela puisque si je retourne dans mon éditeur, je peux changer console.log en console.debug. Je sauvegarde, que je reviens dans mon navigateur, que je rafraichis ma page et mon message "Bonjour tout le monde " est en bleu. La couleur change cela est une autre possibilité. Si vous avez envie d'un autre type de message, vous pouvez utiliser console.info, ainsi vous enverrez un message d'information dans la console. Un même message mais cette fois-ci j'ai cette icone qui m'indique que ce message est de type informatif ce n'est pas un message d'erreur, mais le javascript qui vous envoie une information. Sii vous voulez un message un peu plus sérieux, il existe aussi console.warn, un peu plus sport, un message avec un fond jaune, avec un petit triangle, le message est toujours le même. Une alerte vous indique un warning dans l'exécution de ce code en ligne 2. Le dernier message est celui qui fait le plus peur, ce n'est pas console.warn mais console.error cette fois-ci. Quand je sauvegarde mon javascript, et reviens dans mon navigateur, j'ai un message d'erreur, en rouge, avec la petite croix. Une erreur est indiquée dans la barre de statuts. Des informations sont visibles dans le triangle qui se trouve devant le message. Vous avez bien un message d'erreur. Cette console est très flexible, réservée aux développeurs, à ceux qui affichent cette console. Cette console.log n'est pas une fonctionnalité officielle du javascript. Il n'est pas sûr que tous les navigateurs supportent cette fonctionnalité. Comme les navigateurs qui ne sont pas équipés d'une console. Je pense par exemple à Firefox, si l'extension Firebug n'est pas installée vous n'avez pas de console. Tous ces console.log console.debug, console.info etc, ne fonctionneront pas dans Firefox tant que l'extension Firebug n'aura pas été installée. Cela dit, dans les navigateurs opérationnels, une fonctionnalité beaucoup plus flexible et discrète pour envoyer des messages en tant que développeur est visible dans l'exécution de nos javascript. A l'avenir nous utiliserons pour le cours console.log plutôt que d'utiliser une alerte.

L'essentiel de JavaScript

​Ajoutez des fonctionnalités interactives à vos pages web avec JavaScript. Découvrez la syntaxe, le DOM, l'utilisation des bibliothèques JavaScript populaires, etc.

Aucun commentaire n´est disponible actuellement
 
Logiciel :
Spécial abonnés
Date de parution :26 avr. 2016

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 !