Gewusst wie: Debuggen von JavaScript mit Firebug

December 22

Debuggen von JavaScript kann einen langen, beschwerlichen Prozess, aber Firebug erleichtert dadurch, dass Sie Schritt für Schritt durch den Code, und finden genau was Sie suchen, indem bestimmte Werte im Code zu isolieren. Firebug funktioniert mit Firefox und kann ein angenehmer Debugvorgang sicherstellen.

Anweisungen

1 Führen Sie eine einfache Suche im Internet zu finden die Firebug-Anwendung und als eine Firefox-Erweiterung installieren. Nach der Installation sollte ein grünes Häkchen in der unteren rechten Ecke Ihres Browsers.

2 Öffnen Sie die Javascript-HTML-Datei, die Sie debuggen möchten. Beim Öffnen sollte eine alert-Box, die eine Reihe von aufsteigenden Zahlen anzeigt und dann der Begriff "undefiniert" am Ende der Zeichenfolge. Die "undefiniert" ist, wo Ihre Fehler.

3 Drücken Sie das grüne Häkchen am unteren Rand Ihres Browsers um die Firebug-Debug-Fenster zu öffnen.

4 Wechseln Sie zur Registerkarte Skript, und definieren Sie den Haltepunkt. Ein Haltepunkt unterbricht den Debugprozess wenn es aufgetreten ist. Laden Sie die Seite.

5 Klicken Sie auf "step over". Firebug ist Aktualisierung alle Variablen bis Haltepunkt und Sie diese auf der rechten Seite im Debug-Fenster auflisten.

6 Sehen Sie den Programmschritt durch den Code zu und nach den Werten, die sie auf der rechten Seite im Debug-Fenster definiert, die Wurzel Ihrer Fehler zu finden.

7 Erkennen Sie das Problem und geben Sie den richtigen Code. Führen Sie Firebug um sicherzustellen, dass das Problem behoben ist.

Tipps & Warnungen

  • Sie können Haltepunkte hinzufügen, indem Sie die "debugger;" an einer beliebigen Stelle im Code. Auf diese Weise können Sie überspringen den Haltepunkt Schritt.
  • Firebug funktioniert nur mit dem Firefox-Browser. Sie können Firefox, download, welche Werke wie Internet Explorer, durch Internet-Suche.