UnCSS-精簡(jiǎn)去除多余無(wú)用的CSS代碼

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

工具簡(jiǎn)介

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

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

工具預(yù)覽

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

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

傳送地址

工具名稱：UnCSS

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