Debugging ChromeFirefoxInternet explorerOperaSafari Favorite

Placing breakpoints on JavaScript makes debugging much easier, but if your code has already made it to production then it's probably been minified. How can you debug minified code? Helpfully, some of the browsers have an option to un-minify your JavaScript.

In Chrome and Safari, simply select the 'Scripts' tab, find the relevant file and then press the "{ }" (pretty print) icon located in the bottom panel.

In Internet Explorer, click the tool icon by the script selection drop down to find the option to format the JavaScript.

Opera will automatically prettify minified JavaScript.