項目經(jīng)過幾個版本的迭代，幾個css文件加起來都有快6k行了，目測一半都是沒用的代碼，有沒有自動的工具識別并刪除這些代碼？網(wǎng)上搜了一些，要么就是不好用，要么就是只能搜索出沒用的css，不能自動刪除的。
2 回答
達令說
TA貢獻1821條經(jīng)驗 獲得超6個贊
其實是個挺復雜的事情，因為css的重載、復用和DOM的可變性，需要我們動態(tài)地分析。
我的想法是給chrome寫個插件，然后對整個站點啟用。
基本思路：
加載到需要測試的頁面里，先掃描一遍所有的class和id。
監(jiān)聽
DOMSubtreeModified事件，操作網(wǎng)頁，充分測試，插件針對性地進行增補class和id。重復以上步驟得到整個站點的列表
然后就是掃描css file把不沒用上的的全去掉。
HUX布斯
TA貢獻1876條經(jīng)驗 獲得超6個贊
如果你的針對不同的瀏覽器兼容性的CSS比較少的話,可以使用Chrome的審計(Audits)功能(Remove unused CSS rules):
在Chrome瀏覽器里打開網(wǎng)頁
快捷鍵Ctrl+Shit+i,打開開發(fā)面板.
點擊run
如圖(Remove unused CSS rules)
添加回答
舉報
0/150
提交
取消