Growing with the Web

Use prettyprint in the Chrome debugger

Published
Tags:

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.

Deobfuscate

Clicking it results in this:

Deobfuscate 2

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

Like this article?
Subscribe for more!