2 回答

TA貢獻(xiàn)1821條經(jīng)驗(yàn) 獲得超6個(gè)贊
其實(shí)是個(gè)挺復(fù)雜的事情,因?yàn)閏ss的重載、復(fù)用和DOM的可變性,需要我們動(dòng)態(tài)地分析。
我的想法是給chrome寫個(gè)插件,然后對(duì)整個(gè)站點(diǎn)啟用。
基本思路:
加載到需要測(cè)試的頁(yè)面里,先掃描一遍所有的class和id。
監(jiān)聽
DOMSubtreeModified
事件,操作網(wǎng)頁(yè),充分測(cè)試,插件針對(duì)性地進(jìn)行增補(bǔ)class和id。重復(fù)以上步驟得到整個(gè)站點(diǎn)的列表
然后就是掃描css file把不沒用上的的全去掉。

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊
如果你的針對(duì)不同的瀏覽器兼容性的CSS比較少的話,可以使用Chrome的審計(jì)(Audits)功能(Remove unused CSS rules):
在Chrome瀏覽器里打開網(wǎng)頁(yè)
快捷鍵Ctrl+Shit+i,打開開發(fā)面板.
點(diǎn)擊run
如圖(Remove unused CSS rules)
添加回答
舉報(bào)