UnCSS-精簡去除多余無用的CSS代碼

摘要： 工具簡介今天一直在找一個(gè)可以快捷清除多余沉淀的CSS樣式，下面這個(gè)在線工具非常實(shí)用 – uncss 。用法：將HTML和CSS復(fù)制并粘貼到下面的框中，點(diǎn)擊按鈕，未曾使用的CSS就會(huì)...

工具簡介

今天一直在找一個(gè)可以快捷清除多余沉淀的CSS樣式，下面這個(gè)在線工具非常實(shí)用 – uncss 。

用法：將HTML和CSS復(fù)制并粘貼到下面的框中，點(diǎn)擊按鈕，未曾使用的CSS就會(huì)自動(dòng)刪除，瞬間CSS就精簡了。

工具預(yù)覽

不過需要注意的是UnCSS無法在非HTML頁面上運(yùn)行，例如模板或PHP文件。如果需要針對(duì)模板運(yùn)行UnCSS，則應(yīng)該從模板生成示例HTML頁面，并對(duì)這些生成的文件運(yùn)行unss，此外，UnCSS僅運(yùn)行在頁面加載時(shí)運(yùn)行的Javascript。它不會(huì)（也不能）處理在點(diǎn)擊按鈕等用戶交互上的Javascript。必須使用該ignore選項(xiàng)來保留用戶交互時(shí)添加的Javascript。

UnCSS還可以與其他JavaScript構(gòu)建系統(tǒng)一起使用，例如Grunt，Broccoli或Gulp！具體這個(gè)小工具的使用，感興趣的伙伴可以到GitHub詳細(xì)了解。

傳送地址

工具名稱：UnCSS

工具地址：https://uncss-online.com/