How not to show transferred files in Chrome developer tools when Ctrl + O

Question

When you open the file, both the original and the transferred files are displayed. I would like to show only the original files (Firefox dev tools). Maybe?

Answer 1

Firefox 23+ has the ability to display source sources instead of rewritten scripts:

Unfortunately, it seems you cannot enjoy it in Chrome. You can turn on the display of the script or not, but you will always see the actual included files that are included in the source HTML file.

All of these guides and links seem to agree:

• Source Maps 101 (Chrome, Windows)

• Source Cards with CoffeeScript and Uglify.js (Chrome, OSX)

• Using Source Cards with TypeScript (Chrome, Windows)

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

• Source Maps in Chrome Developer Tools

• Increase JavaScript Debugging Time (Chrome, Windows)

---

It seems like if you really want to hide the rewritten JavaScript files in DevTools, FireFox is the way to success (with Chrome Canary 49).

Answer 2

The goal of the source map is to get readable source code, so if you don’t want to, just don’t create the source map or delete the .js.map file (or make it inaccessible on the production site).

Answer 3

In the Chrome Dev Tools settings there is an option "Enable JavaScript source codes" (in the "Sources" section) - can’t this option be installed?