本文作者:無(wú)名漁夫

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

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ù)覽

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

不過(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/

我是無(wú)名漁夫(微信/QQ:181628402)軒鼎創(chuàng)業(yè)旗下講師,官方網(wǎng)站:http://e9j1hc.cn/,感謝您一直以來(lái)對(duì)軒鼎創(chuàng)業(yè)的大力支持!更多干貨可訪問(wèn)創(chuàng)業(yè)課堂https://www.chuangyeketang.com
文章版權(quán)及轉(zhuǎn)載聲明

作者:無(wú)名漁夫本文地址:http://e9j1hc.cn/blog/3333.html發(fā)布于 2020-01-09
文章轉(zhuǎn)載或復(fù)制請(qǐng)以超鏈接形式并注明出處無(wú)名漁夫

贊(11)
閱讀
分享