Scribd
Importer
19 vues7 pages

Débogage Java Script

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
19 vues7 pages

Débogage Java Script

Transféré par

Gil
Copyright
© © All Rights Reserved
Nous prenons très au sérieux les droits relatifs au contenu. Si vous pensez qu’il s’agit de votre contenu, signalez une atteinte au droit d’auteur ici.
Formats disponibles
Téléchargez aux formats DOCX, PDF, TXT ou lisez en ligne sur Scribd
Vous êtes sur la page 1/ 7

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 console.log()
Si votre navigateur prend en charge le débogage, vous pouvez
utiliser console.log()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;
console.log(c);
</script>

</body>
</html>
Essayez-le vous-même »

Astuce : Apprenez-en davantage sur la console.log()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;
document.getElementById("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
W3.CSS 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
W3.CSS 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
W3.CSS 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
W3.CSS .

Vous aimerez peut-être aussi