網頁開發 網頁設計

UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js

2019/08/12

梅問題-UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js
  對於許多設計網頁的朋友而言,網頁壓縮是一個相當重要的課題,因此先前梅干也分享了幾個關於網頁壓縮的好工具,但一般在壓縮時,最常遇到的問題就是,當把Javascript壓縮後,就無法正常運作,因此為了解決壓縮的問題,最好的作法就是使用一些專案工具,在網頁要發佈時,就進行壓縮。

  而這是一個相當正確的作法,但這得花上一些時間,安裝一些套件與專案的設定後,才能開始運作,而其中最有名的JS壓縮器,就是UglifyJS不但能有效的針對JS進行壓縮,甚至還會進行混淆,讓Javascript雖然是明碼,也能有效的受到保護,而這麼強大的JS壓縮器,現在也有推出線上版工具啦!只需將JS原始碼貼上,立即就會將JS壓縮並混淆,相當的簡單又方便喔!因此身為網設的你,也趕快來試試UglifyJS 線上JS壓縮平台吧!


UglifyJS
網站名稱:UglifyJS 3: Online JavaScript minifier
網站連結:https://skalman.github.io/UglifyJS-online/

Step1
當進入到UglifyJS 3的線上壓縮平台後,將JS原始碼,貼到左邊的輸入框中。
梅問題-UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js
Step2
接著右邊立即就會進行壓縮,同時可看到,壓縮了59%左右,接著再把右邊壓縮好的js碼,複製起來。
梅問題-UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js
Step3
再貼回網頁中。
梅問題-UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js
Step4
貼完並儲存後,記得再測試一下,看是否能正常運作囉!有了這個JS壓縮平台,就更方便啦!
梅問題-UglifyJS 免安裝,線上貼上Javascript原始碥立即壓縮並混淆js