How do you debug through a compressed JavaScript file? [duplicate]

Answer 1

I see an answer has already been accepted, but I am adding a new answer since this is the first result I got on Google and think this new info may help someone.

Some browser DevTools now support Source Maps to map built javascript to is unbuild readable state. You have to minify and/or combine the JS with a tool that supports creating Source Maps. But if you do you can see the original code when debugging the minified/combined javascript.

Find more info here: https://developers.google.com/chrome-developer-tools/docs/javascript-debugging#source-maps

Answer 2

If you are using Google Closure, then there is a plugin that allows you access the unminified version of the code. See the documentation on the Inspector and the source mapping feature.

Answer 3

Some suggestions:

• Don't compress until you deploy to production
• Reload your source code after the compress code; it will write over the compressed code
• When it's worth the investment, I take compressed code and manually uncompress it

Answer 4

The simple answer is you don't debug through a compressed file - you use an uncompressed version for development.