Bagaimana cara mengidentifikasi penyeleksi dan aturan css yang tidak digunakan untuk halaman css yang mencakup beberapa halaman dan diinstal secara lokal?

12

Saya mencari alat yang dapat mengidentifikasi pemilih dan aturan css yang tidak digunakan dan / atau duplikat, dengan dua batasan berikut:

  • Alat ini harus dapat menganalisis halaman css yang digunakan untuk banyak halaman HTML, jadi alat seperti Dust-Me tidak akan membantu.

  • Alat ini juga harus bekerja pada instalasi lokal, karena saya juga ingin dapat memeriksa css saya pada tahap pengembangan. Ini akan mengesampingkan pengukur css online.

Argoron
sumber

Jawaban:

5

Ada addon Firefox yang disebut Penggunaan CSS yang menunjukkan semua gaya yang digunakan / tidak digunakan pada halaman.

Ia mengklaim melakukan beberapa halaman tetapi dalam pengalaman saya tampaknya agak tidak dapat diandalkan dalam hasilnya. Apapun itu telah membantu saya keluar banyak di masa lalu.

corymathews
sumber
1

Saya telah mencoba Dust Me dan CSS Usage di masa lalu dengan beberapa keberhasilan untuk mendapatkan daftar awal penyeleksi css yang tidak digunakan. Lalu apa yang saya lakukan adalah fokus mencari penyeleksi yang berpotensi tidak terpakai secara manual. Setidaknya itu mengurangi ruang lingkup masalah dari ratusan pemilih menjadi beberapa puluh.

Juan Alonso
sumber