TBCompressor js代碼壓縮_javascript技巧

TBCompressor

公司原先的JS和CSS檔案都是用在線壓縮程式壓縮的，看似方便，但很容易出錯，可能是壓縮程式把CSS裡面的一些Hack語句給混淆了，於是我決定用大名鼎鼎的YUI compressor。

但YUI compressor也有一個缺點，那就是操作不人性化，要用輸入命令列的方式進行操作，在實際應用中也有點不方便。今天發現了淘寶人開發的一個軟體——TBCompressor，這個軟體是在YUI compressor的基礎上改進的，使用十分簡單,詳情請看lifesinger的《TBCompressor – JS和CSS壓縮公用程式》一文。下面是TBCompressor的使用方法，下載請到http://code.google.com/p/ourtools/downloads/list下載，選擇裡面的yuicompressor_2.4.2.zip檔案。

1. 解壓後點擊裡面的install.cmd安裝，如果卸載點擊uninstall.cmd就可以了；
2. 在要壓縮的JS檔案或者CSS檔案上點擊右鍵，在彈出的菜單中選擇Process with YUICompressor；
3. 在原檔案同一目錄下會產生一個已經被壓縮後的檔案，檔案名稱就是原檔案名稱後面加個“-min”。比如原檔案名稱為“test.js”，那麼壓縮後的檔案就是“test-min.js”。建議把檔案名稱取成name.source.js類型的，它會自動壓縮產生name.js檔案。

注意：TBCompressor預設壓縮檔的編碼類別型為GB18030，如果要壓縮其它編碼類別型的檔案就修改下安裝目錄下的compressor.cmd檔案，把裡面的GB18030替換為你要的編碼類別型就可以了。比如我用的是UTF8，就把GB18030改成utf-8就行了。TBCompressor的壓縮率並不是太高，但是卻十分安全，對於CSS檔案的Hack也能很好的保留。如果你是個對代碼有潔癖的人，也可以利用己壓縮的檔案再最佳化。

下面再介紹一些線上最佳化JS和CSS的網站，不過這些經過壓縮的代碼在運行時可能會出錯，所以在使用時要謹慎：

• http://javascriptcompressor.com/
• http://www.xmlforasp.net/JSCompressor.aspx
• http://compressorrater.thruhere.net/
• http://jsbeautifier.org/
• http://www.codebeautifier.com/
• http://www.lonniebest.com/FormatCSS/
• http://www.cssdrive.com/index.php/main/csscompressor/
• http://tools.arantius.com/css-compressor