H T M L C S S J A V A S C R I P T S Q L P Y T H O N J A V A P H P C O M M E N T W 3 . C S S C C + + C # A M O R C E R R É A G I R M Y S Q L J Q U E R Y E X C E L L E R X M L D J A N G O N U M P Y P A N D A S N O D E J S R .
M A N U S C R I T A N G U L A I R E G I T P o s t g r e S Q L M O N G O D B A S P I C I A A L L E R K O T L I N T O U P E T V U E D S A G É N É R A T I O N I A S C I P Y A W S L A C Y B E R - S É C U R I T É S C I E N C E S D E S D O N N É E S
Débogage JavaScript
❮ PrécédentSuivant ❯
Des erreurs peuvent (seront) se produire à chaque fois que vous écrivez un
nouveau code informatique.
Débogage de code
Le code de programmation peut contenir des erreurs de syntaxe ou des
erreurs logiques.
Beaucoup de ces erreurs sont difficiles à diagnostiquer.
Souvent, lorsque le code de programmation contient des erreurs, rien ne se
passe. Il n'y a aucun message d'erreur et vous n'obtiendrez aucune
indication où rechercher les erreurs.
La recherche (et la correction) des erreurs dans le code de programmation
est appelée débogage de code.
Débogueurs JavaScript
Le débogage n’est pas facile. Mais heureusement, tous les navigateurs
modernes disposent d'un débogueur JavaScript intégré.
Les débogueurs intégrés peuvent être activés et désactivés, forçant ainsi le
signalement des erreurs à l'utilisateur.
Avec un débogueur, vous pouvez également définir des points d'arrêt
(endroits où l'exécution du code peut être arrêtée) et examiner les variables
pendant l'exécution du code.
Normalement (sinon suivez les étapes en bas de cette page), vous activez le
débogage dans votre navigateur avec la touche F12, et sélectionnez
"Console" dans le menu du débogueur.
La méthode [Link]()
Si votre navigateur prend en charge le débogage, vous pouvez
utiliser [Link]()pour afficher les valeurs JavaScript dans la fenêtre du
débogueur :
Exemple
<!DOCTYPE html>
<html>
<body>
<h1>My First Web Page</h1>
<script>
a = 5;
b = 6;
c = a + b;
[Link](c);
</script>
</body>
</html>
Essayez-le vous-même »
Astuce : Apprenez-en davantage sur la [Link]()méthode dans
notre référence de la console JavaScript .
Définition de points d'arrêt
Dans la fenêtre du débogueur, vous pouvez définir des points d'arrêt dans le
code JavaScript.
À chaque point d'arrêt, JavaScript cessera de s'exécuter et vous permettra
d'examiner les valeurs JavaScript.
Après avoir examiné les valeurs, vous pouvez reprendre l'exécution du code
(généralement avec un bouton de lecture).
ADVERTISEMENT
Le mot-clé du débogueur
Le debuggermot-clé arrête l'exécution de JavaScript et appelle (si disponible) la
fonction de débogage.
Cela a la même fonction que de définir un point d'arrêt dans le débogueur.
Si aucun débogage n’est disponible, l’instruction du débogueur n’a aucun
effet.
Avec le débogueur activé, ce code cessera de s'exécuter avant d'exécuter la
troisième ligne.
Exemple
let x = 15 * 5;
debugger;
[Link]("demo").innerHTML = x;
Essayez-le vous-même »
Outils de débogage des principaux navigateurs
Normalement, vous activez le débogage dans votre navigateur avec F12, et
sélectionnez "Console" dans le menu du débogueur.
Sinon, suivez ces étapes :
Chrome
Ouvrez le navigateur.
Dans le menu, sélectionnez "Plus d'outils".
Dans les outils, choisissez « Outils de développement ».
Enfin, sélectionnez Console.
Firefox
Ouvrez le navigateur.
Dans le menu, sélectionnez "Développeur Web".
Enfin, sélectionnez "Console Web".
Bord
Ouvrez le navigateur.
Dans le menu, sélectionnez "Outils de développement".
Enfin, sélectionnez « Console ».
Opéra
Ouvrez le navigateur.
Dans le menu, sélectionnez "Développeur".
Dans "Développeur", sélectionnez "Outils de développement".
Enfin, sélectionnez « Console ».
Safari
Allez dans Safari, Préférences, Avancé dans le menu principal.
Cochez "Activer Afficher le menu Développement dans la barre de
menus".
Lorsque la nouvelle option « Développer » apparaît dans le menu :
Choisissez « Afficher la console des erreurs ».
Saviez-vous?
Le débogage est le processus de test, de recherche et de réduction des
bogues (erreurs) dans les programmes informatiques.
Le premier bug informatique connu était un véritable bug (un insecte) coincé
dans l’électronique.
❮ PrécédentSuivant ❯
ADVERTISEMENT
PIPETTE À COULEURS
PUBLICITÉ
LES ESPACES
MISE À NIVEAU
SANS PUBLICITÉ
BULLETIN
OBTENIR UNE CERTIFICATION
CONTACTEZ-NOUS
Meilleurs tutoriels
Tutoriel HTML Tutoriel
CSS Tutoriel
JavaScript Tutoriel
Comment faire Tutoriel
SQL Tutoriel
Python Tutoriel
[Link] Tutoriel
Bootstrap Tutoriel
PHP Tutoriel
Java Tutoriel
C++ Tutoriel
jQuery
Principales références
Référence HTML
Référence CSS Référence
JavaScript Référence
SQL Référence
Python Référence
[Link] Référence
Bootstrap Référence
PHP
Couleurs HTML
Référence Java Référence
Angular Référence
jQuery
Meilleurs exemples
Exemples HTML Exemples
CSS Exemples
JavaScript Exemples
pratiques Exemples
SQL
Exemples Python Exemples
[Link] Exemples
d'amorçage Exemples
PHP Exemples
Java Exemples
XML Exemples
jQuery
Obtenir une certification
Certificat HTML Certificat
CSS Certificat
JavaScript Certificat
Front End Certificat
SQL Certificat
Python Certificat
PHP Certificat
jQuery Certificat
Java Certificat
C++ Certificat
C# Certificat
XML
FORUM SUR LA SALLE DE CLASSE
W3Schools est optimisé pour l'apprentissage et la formation. Les exemples pourraient être
simplifiés pour améliorer la lecture et l’apprentissage. Les didacticiels, références et exemples sont
constamment révisés pour éviter les erreurs, mais nous ne pouvons garantir l'exactitude totale de
tout le contenu. En utilisant W3Schools, vous acceptez d'avoir lu et accepté nos conditions
d'utilisation , nos cookies et notre politique de confidentialité .
Copyright 1999-2024 par Refsnes Data. Tous droits réservés. W3Schools est propulsé par
[Link] .
