Friday, 19 October 2012

Use prettyprint in the Chrome debugger

In version 12 of Chrome they added the ability to de-obfuscate (un-minify?) the JavaScript on the sources tab by right clicking the code area. Today that feature lives on in the "pretty print" feature located at the curly brace icon on the bottom of the debugger.


Clicking it results in this:


This feature not only makes the code more human-readable but also allows us to set breakpoints anywhere, allowing debugging on minified code.