La présentation est en train de télécharger. S'il vous plaît, attendez

La présentation est en train de télécharger. S'il vous plaît, attendez

Firebug Dévermineur Debugger. Installation de Firebug chercher « firebug download » sur Google cliquer sur Add to Firefox recharger Firefox Sil ny a pas.

Présentations similaires


Présentation au sujet: "Firebug Dévermineur Debugger. Installation de Firebug chercher « firebug download » sur Google cliquer sur Add to Firefox recharger Firefox Sil ny a pas."— Transcription de la présentation:

1 Firebug Dévermineur Debugger

2 Installation de Firebug chercher « firebug download » sur Google cliquer sur Add to Firefox recharger Firefox Sil ny a pas la petite bête au bas à droite de lécran, ni le menu « Firebug » dans le menu « Outils », alors

3 Cliquer pour ouvrir la fenêtre Firebug Cliquer pour voir un fichier (Activer si nécessaire) Sélection dun fichier.js Variable globale, peut être affichée sans exécution La page HTML Recherche de texte dans les fenêtres de Firebug

4 console.log(uneVariable + " " + locale) activer pour la première exécution

5 Cliquer pour que le programme sarrête à lexécution Variable locale (ligne pas encore exécutée) argument de la fonction variables globales Imbrication des variables à larrêt Liste des arrêts

6 Continuation du programme Un pas, entrer dans la fonction Un pas par dessus la fonction Terminer la fonction

7 Inspection des éléments HTML Sélectionné Aussi en cliquant lélément avec le bouton droit de la souris

8 Quand cette fenêtre est sélectionnée, on peut sélectionner une variable à gauche avec le bouton droit, puis « Ajouter un espion » avec le bouton gauche Le contenu de la fenêtre Espions change quand on sélectionne des fonctions dans la fenêtre Pile

9 Exercice Chargez le code de la page suivante dans un fichier Exécutez-le et vérifiez quil a écrit quelque chose dans la console Remplacez la ligne contenant console.log par test(locale) mettez un breakpoint et lisez les valeurs des variables quand vous cliquez un pas quelques fois de suite. Cliquez le bouton qui passe dans la fonction test et celui qui passe par dessus Terminez par

10 debugging var uneVariable = 88 function test (maLocale) { uneVariable += maLocale } function execute (arg) { for (var locale = 99; locale<102; locale++) { console.log (uneVariable+" "+locale) } Clic

11 Suite de lexercice Lorsque votre programme est arrêté dans test(), cliquez sur Pile Cliquez sur le nom des fonctions qui apparaissent et passez à la fenêtre espion après avoir sélectionné chacune des fonctions


Télécharger ppt "Firebug Dévermineur Debugger. Installation de Firebug chercher « firebug download » sur Google cliquer sur Add to Firefox recharger Firefox Sil ny a pas."

Présentations similaires


Annonces Google