Comment utiliser la console de développeur JavaScript?

Parfois, lorsque vous commencez avec JavaScript, il est préférable d'exécuter un code JavaScript à l'intérieur de la console du développeur, car vous ne voulez pas passer tout de suite dans le développement via un éditeur de code.

Peut-être que vous ne commencez pas en JavaScript, mais vous rencontrez une méthode fascinante JavaScript que vous souhaitez tester. En tant que développeur JavaScript, le moyen le plus rapide d'exécuter un extrait de code est d'utiliser la console du développeur du navigateur. Ces consoles sont conçues pour aider les développeurs d'applications Web car ils n'ont pas besoin de créer un fichier HTML distinct pour tester une méthode JavaScript simple.

Presque tous les navigateurs Web modernes sont livrés avec le support de l'exécution des commandes JavaScript à partir de sa console de développeur. Cette fonctionnalité est très utilisée en raison du fait qu'elle ne fait pas que gagner du temps, mais vous n'avez pas besoin de beaucoup de puissance de traitement pour consulter certaines fonctionnalités de base de JavaScript. Nous allons apprendre comment vous pouvez naviguer vers la console du développeur pour différents navigateurs, puis essayer des commandes JavaScript à l'intérieur.

Console de développeur de Microsoft Edge

Vous pouvez accéder à la console du développeur dans Edge en utilisant les étapes suivantes:

• Cliquez sur le bouton Options
• Après avoir cliqué sur le bouton Options, vous verrez une liste déroulante de diverses options; planer l'option qui dit "plus d'outils"
• Dans la liste, cliquez sur «Tools Developer»
• Après cela, la console du développeur apparaîtra à l'écran
• Touche de raccourci: Ctrl + shift + i

Console de développeur de l'opéra

Pour ouvrir la console de développeur dans le navigateur Web Opera, faites les étapes suivantes

• Cliquez sur l'opéra "O”Icône dans le coin supérieur gauche
• Dans le menu déroulant, survolez l'option qui dit «développeur»
• Dans la liste contextuelle, cliquez sur l'option qui indique «les outils du développeur»
• La console du développeur s'ouvrira devant vous, comme celle-ci
• Clé de raccourci: F12

Console de développeur de Mozilla Firefox

Pour ouvrir la console du développeur de Firefox, suivez ces étapes

• Cliquez sur le signe du hamburger «☰» comme indiqué sur le GIF ci-dessous
• Dans le menu déroulant, sélectionnez «Plus d'outils»
• Dans la nouvelle liste, cliquez sur l'option qui indique «les outils de développeur Web»
• Vous aurez la console du développeur devant vous comme ça
• Touche de raccourci: Ctrl + Shift + K || Commande + option + k

Console de développeur de Google Chrome

Accédez à la console de développeur de Chrome par:

• Cliquez sur les 3 points également connus sous le nom de bouton Options comme indiqué dans le GIF ci-dessous
• Dans le menu déroulant, cliquez sur «Plus d'outils»
• Dans la nouvelle liste contextuelle, cliquez sur «Tools Developer»
• La console s'ouvrira comme ça
• Clé des raccourcis: commande + option + j || Control + Shift + J

Essayer les commandes JavaScript dans la console du développeur

Testons en exécutant des commandes JavaScript dans la console du développeur, pour ce tutoriel, nous utiliserons la console de développeur de Google Chrome.

Imprimons «Hello World» en utilisant la commande:

console.Log ("Hello World! C'est Linuxhint!");

La sortie est comme:

Mais imprimer «Hello World» est plutôt ennuyeux, essayons d'utiliser la boîte de dialogue d'alerte du navigateur pour dire bonjour au monde. Vous pouvez le faire en utilisant la commande «alerte»:

Alerte ("Hello World! C'est Linuxhint ");

Tapez ou copiez cette commande dans la console et appuyez sur Entrée. Vous verrez une boîte d'alerte comme ceci:

C'est tout, maintenant vous savez comment exécuter JavaScript dans la console du développeur dans divers navigateurs.

Conclusion

Le développeur Console fournit l'installation pour exécuter le code JavaScript directement à l'intérieur du navigateur sans avoir besoin de déployer une page Web HTML avec sa page de script. Nous avons appris comment nous pouvons naviguer vers les pages de console de développeur du navigateur différentes. Nous avons testé l'exécution de la commande javascript dans la console et nous avons invité l'utilisateur à l'aide de la boîte de dialogue d'alerte intégrée du navigateur. Nous espérons que vous pourrez utiliser l'installation de l'exécution de JavaScript directement dans la console du navigateur et d'en savoir plus sur JavaScript.