Wie stelle ich Firefox-Entwicklungstools so ein, dass Quellkarten in der Konsole berücksichtigt werden?

Question

Ich benutze Firefox v47 auf einem Mac. Ich habe herausgefunden, wie man den Debugger dazu bringt, JavaScript-Quellkarten zu verwenden, um anzuzeigen, wo ich Code auslöse, aber er verwendet die kompilierte Datei in der Konsole. Wie bekomme ich es, um die unkompilierten Dateizeilen zu zeigen?

Dies funktioniert in Chrome nicht. Das scheint in Firefox ein seltsames Versäumnis zu sein, also gehe ich davon aus, dass ich etwas falsch gemacht habe.

Answer 1

In der Firefox Toolbox Settings, aktivieren Sie die Option Show original sources im Bereich Style Editor. Diese Option sollte jedoch standardmäßig in allen Firefox-Versionen> = 35 (source)

aktiviert sein. Es gibt eine separate article about source map support in Firefox, die auf die mindestens erforderliche Firefox-Version für das Funktionieren von Quellkarten hinarbeitet (Firefox 29).

auch im Auge behalten, dass nicht alle SASS-generierten Dateien mit sourcemaps kommen - das ist eine Funktion, die manuell mit dem --sourcemap Argumente muss aktiviert sein, wenn Sie es von der Befehlszeile verwenden, indem sie sie mit render_with_sourcemap Rendering von in einem Ruby-Programm oder auf andere Weise, wenn Sie einen Task-Manager wie Schluck oder Grunzen verwenden.
Sie können überprüfen, ob Ihr Sheet ein zugehöriges sourcemap, indem man die letzten nicht leeren Zeile Ihrer generierten CSS-Datei hat - es so etwas aussehen sollte:

/*# sourceMappingURL=style.css.map */ 

Answer 2

Ab sofort ist dies immer noch eine Arbeit in Bearbeitung, siehe the related note on MDN und a bug ticket describing the problem that brought me to this question. Also, für den Moment scheint Quellkarte überall gut zu funktionieren außer in der Konsole.