Deaktivieren Sie Quellkarten in Chrome DevTools

Antworten:

150

Öffnen Sie die Entwicklertools, gehen Sie zu "Einstellungen" für die Entwicklertools und deaktivieren Sie Enable JavaScript Sourcemapsdie Option unter "Quellen".

Einstellungen für Entwicklertools

JS-Quellkarten schalten um

Garbee
quelle
6
Danke, das habe ich gesehen. Leider erfordert das Ändern dieser Option eine Aktualisierung, bevor sie wirksam wird. Ich hatte gehofft, dass es eine Möglichkeit geben würde, die Option ohne Aktualisierung umzuschalten.
Jack Allan
Nee. Weil Quellen basierend auf der Einstellung neu interpretiert werden müssen.
Garbee
2
Vielen Dank, ich bin gespannt, warum dies notwendig ist, da es es5 immer unter der Haube laufen lässt und die Quellzuordnung den Debugger einfach darüber informiert, in welcher Zeile sich die aktuelle Anweisung im Quellcode befindet.
Jack Allan
11
Für diejenigen, die Schwierigkeiten haben, diese Einstellungen wie ich zu finden, siehe diese: i.imgur.com/9aMlBfg.png
Joshcomley
2
Ich habe es gerade versucht und es scheint eine sofortige Wirkung zu haben, dh es scheint keine Seitenaktualisierung mehr erforderlich zu sein.
Jackson
0

Sie können auf Zeilennummern doppelklicken, um von Quelldateien zu nicht minimierten Ausgabedateien zu springen. Davon abgesehen scheint es begrenzt zu sein. Siehe den Kommentar unten.

Ich fand das während der Entwicklung nützlich. Wenn Sie webpack-dev-server(oder ein anderes Tool) verwenden, ohne js zu minimieren, können Sie auf Zeilennummern in den Quelldateien doppelklicken, um zur kompilierten, aber nicht minimierten Ausgabedatei zu springen.

Ich habe dies zufällig entdeckt und dann diesen Kommentar vom 21. Dezember 2016 gefunden: https://bugs.chromium.org/p/chromium/issues/detail?id=532174#c7

Sie können auf die Zeilennummer doppelklicken, um in die Originaldatei zu springen. Dies ist jedoch ziemlich nutzlos, wenn in der minimierten Datei alle Zeilenumbrüche entfernt wurden :(

Ein Zeilenumbruch würde diese Arbeit verbessern https://bugs.chromium.org/p/chromium/issues/detail?id=167287

Ich denke, es gab eine gewisse Unterstützung für das Doppelklicken auf einen Abschnitt der minimierten Datei, um in die zugeordnete Quelldatei zu springen, aber es scheint in letzter Zeit zurückgegangen zu sein.

Idealerweise sollte in einer minimierten Datei mit einer Quellzuordnung ein Rechtsklick (oder Doppelklick) auf eine beliebige Stelle in der minimierten Datei das Springen zu genau dieser Datei, Zeile und Spalte ermöglichen

Scotty Waggoner
quelle
10
Wenn ich auf eine Zeilennummer doppelklicke, wird ein Haltepunkt hinzugefügt und dann entfernt. Vermisse ich etwas
Emclain
Idk. Es scheint nur manchmal zu tun. Und nur, wenn Chrome die Quellenkarte zu mögen scheint. Sie könnten verschiedene Zeilen oder Projekte ausprobieren, aber ich habe keine besseren Vorschläge. Chrome sollte dies besser unterstützen.
Scotty Waggoner