Compress / Decompress JavaScript source code (to one line)

這一次要提到的是─介紹一個網頁工具─它可以把網頁的JavaScript / jQuery源代碼，壓縮成一行，可以避免使用者透過瀏灠器的「檢視原始碼」功能，窺探網頁開發者的設計模式。

一個最典型的範例，就是Google的首頁，我們在Google的首頁按下檢視原始碼的功能，可以看到如下圖的源代碼樣式，整個程式碼就只有7行而已；其中第7行還寫得落落長長....：



但因為自己本身工作上的需求，必須尋找這樣的工具，於是剛好找到以下這兩個網址工具，它們可以幫網頁開發者把JavaScript / jQuery的Source Code壓縮成一行：

1. http://dean.edwards.name/packer/



2. http://javascriptcompressor.com/

其實這所謂的壓縮原理也很簡單：就是把程式碼中的空格 (Space)和<TAB>鍵通通都把它踢除掉，讓他人不易閱讀。

既然會有人開發出這種壓縮工具，也一定會有人開發反壓縮工具：

3. http://www.css88.com/tool/js_beautify/



點選左下方的格式化按鈕之後，就可以把壓縮成一行的程式碼還原成原本的樣式：