本文主要講解如何檢測頁面中多余無用的css。
1、chrome瀏覽器 F12審查元素的Audits
說明:使用Audits,會檢測出頁面中沒有用到的css,需要手動刪除多余的css;同時需要說明的是檢測出多余無用的css塊,而不是某一行css。
2、CSS usage插件
(1)安裝Firefox瀏覽器
(2)安裝firebug
Firefox瀏覽器--添加附件--搜索插件--安裝
(3)安裝css usage
步驟同安裝firebug一樣。
(4)檢測
重要說明:可以導出干凈的css
總結:以上2種方法都是檢測多余的css代碼塊。有無檢測每一行是否多余的插件或者工具呢?
后續繼續研究。