第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

有沒有人有更好的辦法?如何刪除多余無(wú)用的css?

有沒有人有更好的辦法?如何刪除多余無(wú)用的css?

項(xiàng)目經(jīng)過幾個(gè)版本的迭代,幾個(gè)css文件加起來(lái)都有快6k行了,目測(cè)一半都是沒用的代碼,有沒有自動(dòng)的工具識(shí)別并刪除這些代碼?網(wǎng)上搜了一些,要么就是不好用,要么就是只能搜索出沒用的css,不能自動(dòng)刪除的。
查看完整描述

2 回答

?
達(dá)令說

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)啟用。

基本思路:

  1. 加載到需要測(cè)試的頁(yè)面里,先掃描一遍所有的class和id。

  2. 監(jiān)聽DOMSubtreeModified事件,操作網(wǎng)頁(yè),充分測(cè)試,插件針對(duì)性地進(jìn)行增補(bǔ)class和id。

  3. 重復(fù)以上步驟得到整個(gè)站點(diǎn)的列表

  4. 然后就是掃描css file把不沒用上的的全去掉。


查看完整回答
反對(duì) 回復(fù) 2023-04-17
?
HUX布斯

TA貢獻(xiàn)1876條經(jīng)驗(yàn) 獲得超6個(gè)贊

如果你的針對(duì)不同的瀏覽器兼容性的CSS比較少的話,可以使用Chrome的審計(jì)(Audits)功能(Remove unused CSS rules):

  1. 在Chrome瀏覽器里打開網(wǎng)頁(yè)

  2. 快捷鍵Ctrl+Shit+i,打開開發(fā)面板.

  3. 點(diǎn)擊run

  4. 如圖(Remove unused CSS rules)

http://img1.sycdn.imooc.com//643d0e210001083f14100396.jpg

查看完整回答
反對(duì) 回復(fù) 2023-04-17
  • 2 回答
  • 0 關(guān)注
  • 228 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購(gòu)課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)