JavaScript Tools zur Fehlerbehebung im Internet Explorer

Question

Ich benutze Firebug und der Mozilla-JS-Konsole stark, aber jedes jetzt und dann Lauf ich, in einem IE-nur JavaScript-Fehler, das ist wirklich schwer zu finden (BSP.: error on line 724, wenn die HTML-Quelle hat nur 200 Zeilen).

Ich würde lieben, um eine leichte JS-tool (a la firebug) für Internet Explorer, sowas kann ich installieren in Sekunden auf einem client-PC aus, wenn ich Laufe in einen Fehler und dann auf deinstallieren.Einige Microsoft-tools, die einige ernsthafte herunterladen und Konfigurationseinstellungen.

Irgendwelche Ideen?

Answer 1

Sie finden könnte Firebug Lite nützlich für, dass.

Seine bookmarklet sollte besonders nützlich beim Debuggen auf dem Rechner des Nutzers.

Answer 2

Seit Internet Explorer 8, also wurde die Versand mit eine ziemlich beeindruckende Reihe von tools für JavaScript-debugging -, profiling -, und mehr.Wie die meisten anderen Browser, Entwickler-tools sind zugänglich durch drücken der Taste F12 auf Ihrer Tastatur.

Registerkarte "Skript"

Die Registerkarte Skript ist wahrscheinlich, was Sie interessiert, obwohl die Console, Profiler, und Netzwerk-tabs erhalten viel Einsatz sowie beim Debuggen von Anwendungen.

Aus der Script-Registerkarte können Sie:

• Format JavaScript, um Sie lesbarer zu machen
• Verschieben von Quelle zu Quelle von verschiedenen Ressourcen auf der Seite
• Einfügen von Haltepunkten
• Bewegen und über Zeilen von code, beim Durchlaufen seiner Ausführung
• Variablen beobachten
• Überprüfen Sie den Aufruf-stack, um zu sehen, wie der code ausgeführt wurde
• Toggle breakpoints
• und mehr...

Registerkarte "Console"

Die Registerkarte "console" ist ideal für, wenn Sie brauchen, um ausführen beliebigen code für die Anwendung.Ich verwenden, um zu überprüfen die Rückkehr über bestimmte Methoden, oder auch schnell zu testen, Lösungen für Antworten auf Stack Overflow.

"Profiler"

Das Profil ist genial, wenn Sie suchen für lange Prozesse, oder versuchen, optimieren Sie Ihren code glatter zu laufen oder machen Sie weniger Anrufe resource-intensive Methoden.Öffnen einer beliebigen Seite und klicken Sie auf "Start profiling" von der Registerkarte "Profiler", um die Aufnahme zu starten.

Während die profiler arbeiten, Sie bewegen kann über die Seite, die Durchführung von gemeinsamen Aktionen.Wenn Sie das Gefühl haben, aufgenommen genug, drücken Sie "Stop profiling." Sie werden dann gezeigt, eine Zusammenfassung der Funktionen ran, oder call-tree.Sie können schnell Sortieren Sie die Daten nach verschiedenen Spalten:

Registerkarte Netzwerk

Die Registerkarte "Netzwerk" wird der Datensatz traffic auf Ihre Website/Anwendung.Es ist sehr praktisch für die Suche nach Dateien, die nicht heruntergeladen wird, hängen oder für tracking-Daten, die angefordert wird asynchron.

Innerhalb dieser Registerkarte kann man auch wechseln zwischen einer Zusammenfassung und einer Detaillierten Ansicht.In der Detailansicht können Sie prüfen Header gesendet werden mit Anfragen und Antworten.Sie können anzeigen cookie-Informationen, überprüfen Sie das timing der events, und mehr.

Ich bin nicht wirklich tun, den IE-Developer-Tools Gerechtigkeit - es gibt eine Menge unbedeckter Boden.Ich möchte Sie ermutigen, check them out, obwohl, und machen Sie zu einem Teil Ihrer Entwicklung.

Answer 3

Ich würde empfehlen Begleiter JS.

Dies ist die Kostenlose version von Debug Bar aber ich finde es einfacher zu verwenden und die Funktionen die ich brauche.Große test wenig JavaScript-snippets (DH die gleiche Art, wie ich mit Firebug in Firefox.

BEARBEITEN 5 Jahre später:Ich habe jetzt benutzt den Internet Explorer integrierten Entwickler-tools.

Answer 4

IE 8 soll bessere tools, aber der IE Developer Toolbar ist ziemlich gut.

Answer 5

Ich benutze beide Microsoft Script Debugger und FireBug Lite, je nach dem, was ich bin Debuggen.Beide sind großartige Werkzeuge - probieren Sie beide aus und stich mit dem, was Sie sind komfortabel mit.

Answer 6

Im IE8-drücken Sie einfach F12!

Answer 7

1. Gehen Sie zu Extras->Internetoptionen...->Advanced->Enable Script Debugging (Internet Explorer)

dann fügen Sie Visual Studio-Debugger, wenn ein Fehler Auftritt.

Wenn Sie mit IE 8 verwenden, installieren Sie die Entwickler-Symbolleiste, weil es hat einen eingebauten debugger.