Angular Stacktrace in Firefox mit Firebug

8

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?

    
wvdz 20.10.2014, 22:31
quelle

5 Antworten

4

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.

    
pasine 25.10.2014 19:10
quelle
3

Es gibt ein einzigartiges Add-on für Firefox namens AngScope , das nicht offiziell ist, aber beim Debuggen von angular.js in Firefox sehr hilfreich zu sein scheint. Wenn Sie nicht zu Chrome wechseln möchten, sollten Sie es versuchen.

    
Kutyel 30.10.2014 07:23
quelle
3

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.

    
Jim Hunziker 16.12.2014 15:30
quelle
1

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.

    
MEAN Developer 25.10.2014 05:55
quelle
1

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.

    
Siva Phaneendra Babu 30.10.2014 05:37
quelle