Javascript/Json Beautifier Survey/Comparison

因為有時候對程式碼有潔癖，加上不正確的縮排會影響閱讀，一不小心沒睡飽還會腦袋打結 …所以找了幾個Javascript Beautifier來測試，看看哪個比較好用

因為我不是要拿minify(最小化)或是obfuscate(模糊.混淆處理)過的js來復原，單純是要讓程式碼變得好閱讀，所以重點應該是在排版~

JavaScript Beautifier (http://javascriptbeautifier.com/)：

不支援直接放json進去(放進去會跑出undefined…)，無自訂選項

JsPretty (http://www.jspretty.com/)：

直接丟json也通，可以自訂要用tab或2.3.4.8個space做縮排，有簡單的括號以及空行選線，另有加殼及混淆器的檢查

Javascript Format (http://www.javascriptformat.com)：

無自訂選項，直接丟json也通，雖然有提供Jsonformat 的網站，支援直接放json進去也是支援的，但兩者結果會不太一樣，Jsonformat會按照Property name做排序，而且一開始換行的地方看起來怪怪的

Online code beautifier (http://ctrlq.org/beautifier/)：

無自訂選項，可以直接丟json，號稱支援 JavaScript, HTML, CSS and PHP，不過光丟個jQuery v1.11.0進去看結果就不是很理想 … 看起來要拿來跑JS是不可用，其他與研就等下次有機會用到再測 …

js-beautify (http://jsbeautifier.org/)：

目前覺得是最好用的一套，code有完整上色(用CodeMirror作的)，支援直接餵json，自訂的選項有縮排、換行、括號、折行以及加殼及混淆器的檢查等等…

專案本身是採用MIT license授權開放原始碼自由軟體，有丟在Github上，比較特別的是從首頁底下可以看到已經有一堆現成的外掛程式(擴充套件)可以用了

結尾來個評分好了 xDDDD

JavaScript Beautifier :
☆☆☆★★

JsPretty :
☆☆★★★

Javascript Format :
☆☆☆★★

Online code beautifier:
☆☆☆☆★

js-beautify :
☆★★★★

Peter Dave Hello's Blog