Webseiten mit Firebug debuggen

Firebug ist eine Open-Source-Erweiterung für Mozilla Firefox, die Sie beim Debugging, der Bearbeitung, der Profilerstellung, der Protokollierung und der Überwachung von HTML-Seiten, DOM, CSS und JavaScript unterstützt.

Vorbereitende Schritte

  1. Erstellen Sie ein Webprojekt.
  2. Erstellen Sie eine Webseite.
  3. Installieren Sie Mozilla Firefox.
  4. Installieren Sie Firebug.

Vorgehensweise

  1. Aktivieren Sie Firebug, indem Sie Fenster > Web-Browser > Firefox als Ihren Standardbrowser in Ihrem Arbeitsbereich auswählen.
  2. Klicken Sie in der Ansicht "Enterprise-Explorer" mit der rechten Maustaste auf die Webseite, die Sie debuggen möchten, und wählen Sie Debugger ausführen als > Debug auf Server aus.
  3. Klicken Sie auf Fertigstellen. Ihre Webseite wird in Firefox geöffnet.
  4. Klicken Sie zum Aktivieren von Firebug auf Symbol zum Aktivieren von Firebug.
  5. Klicken Sie im Abschnitt "Firebug" auf das Register Script und dann auf Aktivieren.
  6. Klicken Sie nach der Aktivierung der Scripts auf Erneut laden. Die Webanwendung ist jetzt für das Debugging bereit.
  7. Verwenden Sie die Debugging-Tools weiter, um den Code schrittweise durchzugehen.
  8. Setzen Sie in der JavaScript-Ressource, für die Sie das Debugging durchführen möchten, einen Breakpoint.
    In der JavaScript-Datei gesetzte Breakpoint
    Der gesetzte Breakpoint stoppt die Ausführung gemäß der Logik Ihrer Webseite.
  9. Klicken Sie auf das Register Überwachen, um die Ausführung zu überwachen und um zu bestimmen, welche Werte geändert werden sollten.
    Registerkarte Überwachen von Firebug
    Tipp: Sie können Breakpoints (Haltepunkte) über die Registerkarte Haltepunkte aktivieren, inaktivieren oder entfernen.
Symbol das den Typ des Artikels anzeigt. Taskartikel
Nutzungsbedingungen für Information Center | Feedback

Symbol für Zeitmarke Letzte Aktualisierung: 29.04.2014

Dateiname: tdebugfirebug.html