Qu'est-ce que la console JavaScript? Expliqué.

Qu'est-ce que la console JavaScript? Expliqué.

Tous les principaux navigateurs Web ont des outils de développeur intégrés. Cette trousse à outils se compose de la console, du débogueur, de l'analyseur d'activité du réseau, de l'inspection élément, etc., et rend la vie des développeurs Web beaucoup plus facile.

Tous les navigateurs modernes ont une console qui peut être ouverte à l'aide d'une clé de raccourci du clavier. Pour ouvrir la console du navigateur:

  • Utilisez le Clé F12 dans Chrome et d'autres navigateurs à base de chrome.
  • Utiliser Ctrl + Shift + K clavier Clés de raccourci pour Mozilla.
  • Utiliser Option + ⌘ + c clavier Clés de raccourci dans Safari (si le menu du développeur n'apparaît pas, alors ouvrez les préférences en appuyant sur ⌘ +, Et dans la vérification avancée de l'onglet "Afficher le menu de développement dans la barre de menu»).

Il peut également être ouvert en cliquant avec le bouton droit sur une page Web et en sélectionnant le «Inspecter”Option du menu.

Sélectionnez maintenant l'option Console pour ouvrir la console:

Qu'est-ce qu'une console en javascript

Console Dans JavaScript est un objet qui est utilisé pour accéder à la console Web du navigateur. Il peut être combiné avec différentes méthodes pour effectuer plusieurs actions. Certains navigateurs ne prennent pas en charge les méthodes spécifiques. Google Chrome doit être préféré aux autres navigateurs car il prend en charge le plus grand nombre de méthodes.

Voici une liste de certaines des méthodes de l'objet console:

  • console.enregistrer()
  • Pour produire des informations de journalisation à la console

  • console.Info()
  • Pour produire des informations informatives sur la console

  • console.erreur()
  • Pour produire une erreur sur la console

  • console.avertir()
  • Pour produire un avertissement sur la console

  • console.clair()
  • Pour effacer la console

  • console.Time () & Console.Timeend ()
  • console.Le temps commence une minuterie et une console.Timeend arrête la minuterie spécifiée et produit la durée en millisecondes qui s'est écoulée depuis son début

  • console.Timelog ()
  • Pour produire la valeur d'une minuterie sur la console

  • console.tableau()
  • Pour afficher des données sous forme tabulaire sur la console

  • console.compter()
  • À la sortie, le nombre de fois qu'une ligne de code a été exécutée sous une étiquette donnée

  • console.Countreset ()
  • Pour réinitialiser la valeur du compteur mentionné ci-dessus

  • console.groupe () et console.groupend ()
  • console.groupe pour mettre en œuvre la sortie suivante par un autre niveau et console.grouper pour quitter le groupe.

  • console.déboguer()
  • Pour publier un message de niveau de journal de débogage

  • console.dir ()
  • Pour sortir les propriétés d'un objet JavaScript à la console

Nous allons maintenant utiliser certaines des méthodes mentionnées ci-dessus comme exemples.

Comment utiliser la console.enregistrer()

Il s'agit de la méthode de la console la plus utilisée pour les informations de sortie générales à la console. Il peut prendre de nombreux arguments tels que des chaînes, des variables, des objets, des tableaux, des fonctions, etc.

console.Log ("Hello Linux!");

De la même manière, console.Info, console.Erreur et console.avertir Peut également être utilisé pour produire du texte sur la console:

console.info ("Bonjour! C'est l'indice de Linux.");
console.error ("Ceci est un message d'erreur");
console.avertir ("Ceci est un message d'avertissement");

Comment utiliser la console.tableau()

console.tableau est utilisé pour afficher des données sous forme tabulaire sur la console. Il faut un tableau ou un objet comme argument:

console.Tableau (FirstName: "Mary", LastName: "Jane", âge: 23, id: 01);

Comment utiliser la console.groupe () et console.groupend ()

Il est utilisé pour mettre la sortie au niveau suivant:

console.journal ("avant .Méthode de groupe ");
console.groupe();
console.journal ("à l'intérieur .Méthode de groupe ");
console.grouplend ();
console.journal ("après .Méthode de groupe ");

Comment utiliser la console.Time () & Console.Timeend ()

console.Time () & Console.Timeend () sont utilisés pour produire le nombre de millisecondes par un bloc de code ou une fonction met à exécuter:

console.temps();
pour (soit i = 0; i < 100000; i++)

console.Timeend ();

Conclusion

De nombreux développeurs utilisent la console pour enregistrer des informations afin de déterminer si leur code fonctionne correctement ou non. Il permet au développeur de lire, écrire et modifier le code JavaScript lors de l'exécution dans le navigateur.

JavaScript a un objet intégré nommé console qui peut être utilisé pour enregistrer des informations sur la console du navigateur.

Dans ce guide, nous avons parlé du Outils / console de développeur intégré du navigateur Web. Nous avons également appris le console objet et ses différentes options, et leurs fonctionnalités.