Good JavaScript Indentation Tool

Question

Can you suggest any tool for overridden JavaScript files and compressed CSS files?

Answer 1

Hi, I think you mean to decorate it,

• for javascript: http://jsbeautifier.org/

  for css: http://www.codebeautifier.com/

Answer 2

I like this CSS reformatting / prefix site:

http://procssor.com/

Answer 3

Now I use Chrome for daily development ... if you are in the same boat, the PrettyPrint extension is great for this.

You get highlight highlight and syntax to make it much easier to read. Even better, simply by clicking on the link to the mini file from the view source (or by going directly ... in any way that you focus on it), you will get there, no copy / paste steps.

Answer 4

Closure Compiler will do this for JS. Set "Optimization" to "Space Only" and check the "Pretty print" box. For CSS, the Firebug CSS tab (without any additional add-ons) seems to work quite well, although preserving beautiful code by copying -and-pasting is a little tricky, but possible (you have to use the keyboard and then re-paste the copied lines into a text editor )

Answer 5

Perhaps this may be too much for this task, many IDEs can reformat miniature JavaScript. For example. IntelliJ IDEA where you can use the Code → Reformat Code menu item ... A free version of IntelliJ will suffice. I think Jetbrains is easier than an IDE to develop HTML / JavaScript, Webstorm can do this, as well as other IDEs like Eclipse and NetBeans

Answer 6

If you use Firefox with Firebug, you can install Yslow: it has good tools like "All JS Beautified" and "All CSS Beautified". You will like it =)

Answer 7

See our SD Formatter for ECMAScript .