Javascript/Json Beautifier Survey/Comparison

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

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

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

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

 

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

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

 

 

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

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

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

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

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

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

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

 

結尾來個評分好了 xDDDD

JavaScript Beautifier :
☆☆☆★★

JsPretty :
☆☆★★★

Javascript Format :
☆☆☆★★

Online code beautifier:
☆☆☆☆★

js-beautify :
☆★★★★

在 Ubuntu based Linux 上用 cue 切音檔

通常我音樂CD都是買來收藏、買來放的,為了有更好的保存,通常是第一次整軌讀出來以後就收著不動了,平常聽音樂透過比較常透過 KKBOX 或 Spotify~當然有些音樂想聽比較好的音質,還是需要靠原版光碟來轉,用 cue + flac/wav 的無損格式保存是一種滿常見的作法,另外網路上有一些要求教高品質的音樂交流也滿多這種作法的,通常在 Windows 底下要切的話都是用 Medieval CUE Splitter 來做,說真的還滿好用的,不過到了 Ubuntu 底下該怎麼做呢?

搜尋了一下找到一個很潮的作法,之所以潮是因為只在終端機底下就可以做、而且指令相當簡單

只需要安裝所需套件:

然後用 cuebreakpoints 把cue內容讀出來,餵給shnsplit就行了!

至於進階用法如指定輸出檔名格式等功能,等閒來無事再來研究好了~

WordPress 4.0 beta 1 出來了

WORDPRESS_LOGO

剛剛在官方部落格上看到的:WordPress 4.0 Beta 1

WordPress 4.0 正式版預計是在下個月底釋出 (資料來源:WordPress roadmap)

看起來還有一些問題待解決,等beta 2, 3, 4 (如果有的話xD, WordPress 3.9只有到 beta 3), 再來開一個virtual host玩玩看好了

不過居然剛剛才發現居然有這種東西 WordPress Beta Tester

如果是一個專門開來玩新版測試功能還有測試新版跟外掛相容性的站台裝裝這個外掛好像不錯

應該不會有人想在正式環境這樣玩吧? WordPress 表示:you’ll want “bleeding edge nightlies” xDDDD

Firefox 的 Web Developer’s Toolbox

MozillaFirefox附加元件裡面的一個集合,

Web Developer’s Toolbox :: 收藏集 :: Firefox 附加元件 (https://addons.mozilla.org/zh-TW/firefox/collections/mozilla/webdeveloper/)

整理了一些網站開發人員常用到的瀏覽器套件,如Firebug、Greasemonkey、User Agent Switche、YSlow等

有些工具目前還沒用過,看來可以參考看看,有在開發網站或寫網頁的人也可以參考

Firefox-WebDeveloper's Toolbox