Deaktivieren Sie die source-Karten in den Chrome DevTools

Gibt es einen schnellen Weg, um das Gerät aus dem jsx-code angezeigt, in den Chrome DevTools auf die raw-ES5 und wieder zurück?

InformationsquelleAutor Jack Allan | 2016-01-25
  1. 92

    Open Developer Tools, wechseln Sie zu "Einstellungen" Entwickler-Tools, und deaktivieren Sie Enable JavaScript Sourcemaps unter dem "Quellen" - Einstellungen.

    Deaktivieren Sie die source-Karten in den Chrome DevTools

    Deaktivieren Sie die source-Karten in den Chrome DevTools

    • Danke, sah ich, dass. Leider ändern diese option erfordert eine Aktualisierung, bevor Sie wirksam wird. Ich hatte gehofft, es würde eine Möglichkeit zum Umschalten der option, ohne eine Aktualisierung.
    • NÖ. Da die Quellen müssen interpretiert werden, basierend auf der Einstellung.
    • Danke, ich bin neugierig, warum dies notwendig ist, ebenso sicher ist es immer die 5 unter der Haube und die lärmkartierung informiert lediglich über die debugger, welche Zeile die aktuelle Anweisung wird im Quellcode?
    • Da die sourcemap Einstellungen überprüft beim laden und nicht während der Laufzeit. Wahrscheinlich für Speicher-und performance-Gründen wegen overhead erforderlich ist, für diese behandelt werden, die zur Zeit ausführen. Sie können einen feature-request auf der issue-tracker um zu sehen, ob es sein kann neu konfiguriert werden, erfolgt zur Laufzeit.
    • Für diejenigen, die kämpfen, um die entsprechenden Einstellungen finden Sie wie ich, sehen: i.imgur.com/9aMlBfg.png
    • einfach toll. Ich kann nicht sogar finden und prüfen von statischen Variablen mit source maps. Was für eine dumme Lösung.
    • Ich habe gerade versucht, und es scheint, um eine unmittelbare Wirkung, d.h. keine Aktualisierung der Seite scheint erforderlich.
    • Ich habe versucht, es in Node.js Chrome dev tools und ich musste neu starten meiner app.
    • Dies scheint sich für meine version von chrome.

    InformationsquelleAutor Garbee
  2. 1

    Können Sie doppelklicken Sie auf Linie zu zahlen, um zu springen aus dem Quellcode-Dateien in unminified output-Dateien. Außer, dass es scheint, beschränkt. Siehe den Kommentar unten.

    Ich fand, dass dies während der Entwicklung nützlich. Bei der Verwendung von webpack-dev-server (oder einem anderen Werkzeug), ohne minifying von js, die Sie doppelklicken können, um Zeilennummern in den source-Dateien springen, die kompiliert aber unminified Ausgabe-Datei.

    Ich entdeckte diese durch Zufall und dann festgestellt, dass dieser Kommentar von Dec 21, 2016:
    https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

    Können Sie durch doppelklicken auf die Nummer der Zeile zu springen Sie in das original
    Datei, aber das ist ziemlich nutzlos, wenn der minified Datei alle newlines
    entfernt 🙁

    Dass der Zeilenumbruch würde sich diese Arbeit machen besser
    https://bugs.chromium.org/p/chromium/issues/detail?id=167287

    Ich glaube, es gab einige Unterstützung für die Doppel-Klick auf einen Abschnitt der
    minified Datei zu springen, in den source-mapped-Datei, aber es scheint
    haben sich zurückgebildet, zu spät.

    Idealerweise in einem minified Datei mit einer Quelle anzeigen, rechts Klick (oder
    Doppel-Klick) überall in der minified Datei sollte ermöglichen das springen zu
    das genaue Datei, Zeile und Spalte

    • Wenn ich einen Doppelklick auf eine Zeilennummer, Hinzugefügt und dann entfernt einen breakpoint. Bin ich etwas fehlt?
    • Idk. Es scheint nur, es zu tun für einige Zeit. Und nur, wenn Chrome scheint wie die sourcemap. Sie könnten versuchen, einige verschiedene Linien oder anderen Projekten, aber ich habe eigentlich keine besseren Vorschläge. Chrome unterstützen sollte, dies besser.
    InformationsquelleAutor Scotty Waggoner
Schreibe einen Kommentar