[Firefox] 利用附加模組把最小化的 javascript 還原格式
- 2011-11-22
- 13940
- 0
身為網頁開發者總是希望網站能夠減肥，因此就會利用【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 是為了節省網路流量的方式之一。
回應討論