1. 程式人生 > >檢測和刪除多余無用的css

檢測和刪除多余無用的css

rom http css代碼 是否 size 頁面 .com span spa

本文主要講解如何檢測頁面中多余無用的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代碼塊。有無檢測每一行是否多余的插件或者工具呢?

後續繼續研究。

檢測和刪除多余無用的css