Débogage de pages Web avec Firebug

Firebug est une extension à code source ouvert pour Mozilla Firefox qui vous aide à déboguer, modifier, profiler, consigner et surveiller les pages HTML, DOM, CSS et JavaScript.

Avant de commencer

  1. Créez un projet Web.
  2. Créez une page Web.
  3. Installez Mozilla Firefox.
  4. Installez Firebug.

Procédure

  1. Activez Firebug en sélectionnant Fenêtre > Navigateur Web > Firefox comme navigateur par défaut dans votre espace de travail.
  2. Dans la vue Explorateur d'entreprise, cliquez avec le bouton droit de la souris sur la page Web que vous voulez déboguer et sélectionnez Déboguer en tant que > Déboguer sur le serveur.
  3. Cliquez sur Terminer. Votre page Web s'ouvre dans Firefox.
  4. Pour activer Firebug, cliquez sur l'icône d'activation de Firebug.
  5. Dans la section Firebug, cliquez sur l'onglet Script et sélectionnez Activer.
  6. Une fois les scripts activés, cliquez sur Recharger. L'application Web est prête pour le débogage.
  7. Continuez à utiliser les outils de débogage pour passer en revue le code.
  8. Dans la ressource JavaScript que vous voulez déboguer, définissez un point d'arrêt.
    Point d'arrêt défini dans le fichier JavaScript.
    Le point d'arrêt qui est défini arrête l'exécution en fonction de la logique de votre page Web.
  9. Cliquez sur l'onglet Contrôle pour tracer l'exécution et déterminer les valeurs à modifier.
    Onglet Contrôle de Firebug
    Conseil : Vous pouvez activer, désactiver ou supprimer des points d'arrêt à partir de l'onglet Points d'arrêt.
Icône indiquant le type de rubrique Rubrique de tâche
Dispositions pour les centres de documentation | Commentaires en retour

Icône d'horodatage Dernière mise à jour: May 29, 2014 10:11

Nom de fichier : tdebugfirebug.html