JavaScript的js檔案壓縮和格式化工具

Web開發者發表於2011-12-25

JavaScriptcompressor.com這個網站可是大名鼎鼎啊。以前在找到過壓縮 Javascript 程式碼的程式,一直在用,感覺效果不錯。域名是:
http://javascriptcompressor.com/

它有幾項功能:
線上壓縮 Javascript 原始碼可以分不同的壓縮級別;比如,一般情況下,即預設情況,它只是把空格、換行、多餘的註釋等等清理掉,如果選擇了“Base62 encode”選項,則會對檔案進行編碼,使它更小;尤其當選中 Shrink variables 選項時,該線上工具會把長的變數名縮減成單個字母的變數名,壓縮比通常能達到50%甚至更小。比如,我壓縮20k大的一個jquery lightbox外掛,普通情況可壓縮到9.25k,使用“Base62"後,變成5.5k,再使用 Shrink 後變成5.28k,是不是小了很多呀。

現在很多網站都大量使用 AJAX 技術,JavaScript 檔案越來越大,使用壓縮的js檔案可以減輕不少流量負擔。而且縮減變數名後,程式並沒有加密,但會使程式變得很難看懂,一定程度上也能保護一下版權吧。

除了上面介紹的這個線上工具外,我還常用另一個線上javascript程式碼格式化的線上工具:
http://jsbeautifier.org/
 

該線上工具可以把壓縮過的 JS 程式碼重新格式化成容易閱讀的樣子。當然如果是 javascriptcompressor.com 壓縮時選了Shrink縮減變數名選項了,那是沒法恢復原來有意義的變數名的。不過這個線上工具也有個問題,當使用者上傳非常大的 JS 檔案進行格式化時,瀏覽器會報耗時過長,不過如果你有耐心等,它最終還是會完成格式化的。

這兩款線上工具本身也是用純 JavaScript 寫的,該興趣的話,可以下載下來離線使用,也是很方便的。

除了上面兩個介紹的線上網站外,還有一些其它網站和本地工具可以參考:

  1. javascriptcompressor.com (線上壓縮)
  2. shrinksafe.dojotoolkit.org (線上檔案壓縮)
  3. dean.edwards.name/packer (線上壓縮)
  4. YUI Compressor (使用命令列來壓縮,需要JAVA虛擬機器來執行壓縮程式)

相關文章