Ich entwickle eine Webapp in Angular und ich benutze Firefox mit Firebug zum Debuggen.
Wenn in meinem Angular ein Fehler auftritt, kann der Stacktrace nicht korrekt angezeigt werden. Stattdessen zeigt es so etwas in der console.log:
In Chrome erhalte ich einen schönen Stacktrace mit einem klickbaren Link zur Fehlerdefinition:
Muss ich zu Chrome wechseln, um in Angular zu entwickeln, oder gibt es dafür eine Lösung?
Versuchen Sie, die verkleinerte Version von Angular durch die nicht verkleinerte Version zu ersetzen.
Wenn es sich um ein Injektionsproblem handelt, haben Sie in der Konsole ein aussagekräftigeres Feedback.
Als allgemeinere Antwort sind die besten Werkzeuge zum Debuggen von Winkeln AngularJS Batarang und ng-inspector und, ja, es sind Chrome-Erweiterungen.
Anstatt angular.min.js durch angular.js zu ersetzen, können Sie beide Dateien zusammen mit angle.min.js.map zur Verfügung stellen. Firefox erkennt die Quellkartendatei und zieht die bessere Fehlermeldung und den Stack-Trace von der nicht-minimierten Quelle.
Sie werden für eine bessere Stapelverfolgung zu den Chrome-Entwicklertools wechseln. Es kann jedoch ein Plugin / eine Erweiterung für Firefox geben, die Dinge für Sie aufräumt, also stellen Sie sicher, dass Sie ein wenig nachforschen, bevor Sie eine Entscheidung treffen.
Aber beim Vergleich von Vanille mit Vanille ist Chrome genau das Richtige.
Sie können die gleiche anklickbare Funktion für die Fehlerlinkdefinition in Firebug erhalten, wenn Sie angular.js in Ihre Webanwendung einbinden. Firebug kann Zeilennummern (in denen ein Teilfehler aufgetreten ist) für Ihre Angular-Anwendung anzeigen.
Tags und Links angularjs firebug firefox console.log