Chrome瀏覽器一鍵還原將已壓縮的JS、CSS檔

梅問題-Chrome瀏覽器一鍵將已壓縮的JS、CSS還原回來
  有經驗的網設計師,都知道當網頁最後上線時,都會將css、js檔進行壓縮,就是希望讓網站的讀取速更快速,而一旦壓縮後若忘了把原始未壓縮的給保留下來時,那這下就可就殘念了,就得上網找線上還原器,將已壓縮的CSS、JS給還原回來,其實倒不用這麼麻煩,直接透過Chrome瀏覽器的網頁工具,一鍵就能將己壓縮的CSS、JS檔給還原回來,相當的簡單與方便,但JS若有混淆的話,就只能還原而無法反混淆,至於要怎麼還原現在就一塊來看看吧!

Step1
開啟Chrome瀏覽器,接著將開發人工具給開啟,將上方的頁籤切到Source,再從左邊選擇要還原的js或css檔,選擇完畢後,再點下方的{}圖示。
梅問題-Chrome瀏覽器一鍵將已壓縮的JS、CSS還原回來
Step2
鏘~鏘~剛的壓縮碼,立即還原,且還自動縮排好,是不是超簡單又方便的呀!
梅問題-Chrome瀏覽器一鍵將已壓縮的JS、CSS還原回來
Step3
css作法也一樣,找到已壓縮過的css檔,再點下方的{}圖示。
梅問題-Chrome瀏覽器一鍵將已壓縮的JS、CSS還原回來
Step4
鏘~鏘~已壓縮的css也被還原回來啦!所以下回若原始檔不見也不用心,用Chrome瀏覽器,一鍵就可將已壓縮的js、css檔給還原啦!
梅問題-Chrome瀏覽器一鍵將已壓縮的JS、CSS還原回來

相關文章

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

「CSS3:target選擇器」免程式!純CSS就可實現Tab頁籤式的互動切換

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

Bootstrap教學-「Bootstrap Navbar導覽列強化!」支援多層級下拉選單

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

jQeury外掛「imagesLoaded」解決瀑布流圖片未載入完造成區塊覆蓋問題

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版

Bootstrap教學-「Bootstrap+Masonry」讓網格系統也支援瀑布流排版

利用CSS3偽類選擇器:checked,實作出Toggle開合選單效果

利用CSS3偽類選擇器:checked,實作出Toggle開合選單效果





回應本篇 »

(姓名)*必填
(信箱)*必填
(網站)

※PS: 因梅干時間有限,教學網中所分享的主題繁多(所遇狀況也很多),可能無法一一回答各位,不便之處還請見諒。
※PS: 本教學網不提供「破解檔」、「註冊機」或「註冊碼」等資訊,請勿利用留言索取檔案。

共 1 梅留言

  • 第1梅
    ann 說道:

    原來如此!!!
    謝謝!!!

近期講座

2017 (二月講座)

2017 (一月講座)

更多講座