demoshop

官方網站

https://addons.mozilla.org/en-US/firefox/addon/javascript-deminifier/

身為網頁開發者總是希望網站能夠減肥，因此就會利用【Microsoft Ajax Minifier 將 js 和 css 檔案最小化】或是【Visual Studio 利用 Image Optimizer 套件快速最佳化專案圖片】這種招式來優化，圖片就算了，反正壓縮後看到就是看到了，但是 Javascript 的 Minifier 就不好搞了，全部都糾結在一起所以很難立刻看出結構，以往都需要調整一下才看的到，現在只要你是使用 Firefox 就可以嘗試這個套件囉。
 

此套件必須配合 Firebug 使用

套件安裝好以後可以看到【附加元件列】會有一個【JSB OFF】的字樣

如果你沒有開啟【附加元件列】請按下 Ctrl+/ 就可以打開
 

---

拿來開刀的網站就用 Google 吧，如果去看 Google 的 Javascript 可以看到 Minifier 的檔案，實在是難看阿….

這時候點一下【JSB OFF】讓它切換成【JSB ON】然後關掉【Firebug】
一定要用上圖的那個關閉圖示關掉，如果你是用【F12】關閉會因為快取所以看不出任何變化

---

關掉 Firebug 後再次開啟它，切換到 Script 頁籤點擊【重新載入】

---

這時候就可以看到 Beautifier 的 Javascript 了

 

有些人以為 Javascript minifier 後就等於是加密，其實並非如此，即使你使用包裝過後的（通常稱為Pack而不是min）也是一樣可以很簡單的還原回來，只是變數名稱會變成a、b、c、d、e 的樣子而已要看還是看的懂，所以請認知 minifier 是為了節省網路流量的方式之一。