How to effectively debug minified JS files?

javascript debugging minify
Sergey Solomatin picture Sergey Solomatin · Jul 14, 2016 · Viewed 17k times · Source

I've got problem debugging minified JS on production server.

While you can't catch some errors on your machine while testing dev/prod servers, there's an opportunity to send some frontend errors and exceptions from users to a special log.

When JS files are minified, debugging this code becomes a hell.
What are the best practices in performing such work?

Answer

Mettin Parzinski picture Mettin Parzinski · Jul 14, 2016

Biting the bullet ;) In chrome you can auto format the minified code from the sources panel click the brackets icon in the bottom left to format

Then you can add debugger statements by clicking the line numbers. Run your code and find out more...

add debugger by clicking line number

Related questions

How to force Chrome debugging tools to debug in pretty code?

Although I used pretty code and had set up the breakpoints in "Pretty code" tab, debugger keeps working in minified code. (I can't see exactly where I am and need to continuously switch between source and "pretty code"). On same …

Read More
JavaScript: How do I print a message to the error console?

How can I print a message to the error console, preferably including a variable? For example, something like: print('x=%d', x);

Read More
How do you launch the JavaScript debugger in Google Chrome?

When using Google Chrome, I want to debug some JavaScript code. How can I do that?

Read More