Javascript, les bases - 2/x - La console développeur

  • Ce site utilise des cookies. En continuant à utiliser ce site, vous acceptez l'utilisation des cookies. En savoir plus.

Menerv

Administrateur
Administrateur
22 Mars 2018
11
3
3
#1
4.jpg

Dans le chapitre précédent, nous avons eu une introduction au Javascript.
Ce deuxième cours est consacré a voir comment accéder à la console développeur de Chrome.
La console est un outil indispensable pour tout développeur Javascript, en effet nous l'utiliseront pour tester des instructions et plus généralement pour déboguer nos applications.


OUVRIR LA CONSOLE DÉVELOPPEUR DE CHROME

Sur Windows, la console peut être ouverte simplement en appuyant sur [F12].
Dans tous les cas, la console est accessible via le menu param.jpg puis Plus d'outils et enfin Outils de développement.
Une fois l'outil de développement ouvert, cliquez sur l'onglet Console pour accéder à la console.

Vous avez plusieurs mode d'affichage de l'outil de développement, à vous de choisir en fonction de vos préférences :
pref.jpg


UTILISER LA CONSOLE

La console est, comme son nom l'indique, un simple terminal de commande. Cela veux dire que vous pouvez y saisir directement des instructions que votre navigateur exécutera sur la page courante. Mais, ce qui va bien plus nous intéresser, c'est la possibilité dans notre code, d'y effectuer des affichages d'informations.
La commande console.log(content); affichera la valeur de contenu directement dans la console !
Cela nous permet entre autre de :
  • tester la valeur de nos variables en faisant un console.log(variable);
  • tester l’exécution de notre code en plaçant des console.log("Etape 1"); là où on en a besoin. Très utile pour tester une condition, ou simplement voir par quel "chemin" passe notre code pour s'exécuter.
Il existe également l'instruction console.error(content); qui permet d'afficher le content dans la console mais cette fois ci en erreur.


Bref, ne nous attardons pas plus longtemps sur la console, vous apprendrez à l'usage, a bien la maîtriser, maintenant que vous connaissez les bases.

Dans le prochain chapitre, nous verrons enfin comment écrire notre code Javascript dans notre application.
 
Dernière édition: