Gibt es eine schnelle Möglichkeit, vom in Chrome DevTools angezeigten jsx-Code zum rohen ES5 und wieder zurück zu wechseln?
Deaktivieren Sie Quellkarten in Chrome DevTools
Antworten:
Öffnen Sie die Entwicklertools, gehen Sie zu "Einstellungen" für die Entwicklertools und deaktivieren Sie Enable JavaScript Sourcemapsdie Option unter "Quellen".
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
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
Für diejenigen, die Schwierigkeiten haben, diese Einstellungen wie ich zu finden, siehe diese: i.imgur.com/9aMlBfg.png
—
Joshcomley
Ich habe es gerade versucht und es scheint eine sofortige Wirkung zu haben, dh es scheint keine Seitenaktualisierung mehr erforderlich zu sein.
—
Jackson
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
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