So zeigen Sie in Google Chrome Developer Tools keine gepackten Dateien an, wenn Strg + O

Question

Beide ursprünglichen & transpilierten Dateien werden beim Öffnen einer Datei angezeigt. Ich möchte nur Original-Dateien anzeigen (Firefox-Dev-Tools tun dies). Möglich ?

Answer 1

Firefox 23+ hat die Möglichkeit, Originalquellen zu zeigen, statt transpiled Skripte:

Leider scheint es Sie dies in Chrome nicht genießen können. Sie können die Skriptzuordnung aktivieren oder nicht, aber Sie sehen immer die tatsächlich enthaltenen Dateien, die in der Quell-HTML-Datei enthalten sind.

Alle diese Tutorials und Referenzen scheinen sich einig:

• Source Maps 101 (Chrome, Fenster)

• Source Maps With CoffeeScript and Uglify.js (Chrome, OSX)

• Using Source Maps with TypeScript (Chrome, Fenster)

• The Breakpoint Ep 3: The Sourcemap Spectacular with Paul Irish and Addy Osmani (Chrome-Entwickler-Video)

• Source Maps in Chrome Dev Tools

• Enhance your JavaScript debugging life (Chrome, Fenster)

---

Es s Wenn man die in JavaScript geschriebenen Dateien in DevTools wirklich verstecken will, ist FireFox die erste Wahl (ab Chrome Canary 49).

Answer 2

Ziel einer Quellkarte ist es, lesbaren Originalcode zu erhalten. Wenn Sie das nicht möchten, generieren Sie einfach nicht die Quellkarte oder löschen Sie die .js.map-Datei (oder machen Sie sie bei der Produktion unerreichbar) Seite? ˅).

Answer 3

In den Chrome Dev Tools-Einstellungen (unter "Quellen") ist die Option "JavaScript-Quellkarten aktivieren" aktiviert - hilft die Deaktivierung dieser Option?