Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Human readable javascripts in chrome developer tools

People also ask

How do I Unminify JavaScript in Chrome?

Drill down to the file you and double-click to open it in the preview pane: If you look in the lower left corner, you'll see 2 curly brackets. By clicking on this, the minified file expands open to an unminified state.


Some browsers have a Pretty print button that looks like this {} and it appears for HTML, JS, and/or CSS depending on the browser.

Chrome has it in the in the Sources tab:

Chrome 40 pretty print button

Firefox has it in the in the Debugger tab

Firefox 35 prettify source button:

The position of these buttons may change, but it should always be in there


Isn't there the Pretty Print icon (looks like: { }), at least on Windows there is one, within the Scripts tab?


There is the http://jsbeautifier.org/ for online usage (you need to copy/paste).

On that site they have a link to fiddler (a web debugging proxy) and a JavaScript Formatter for it (3rd extention).