Apakah ada pendekatan yang baik untuk membantu mengidentifikasi definisi css yang tidak digunakan dalam suatu proyek? Banyak file css ditarik dan sekarang saya mencoba untuk membersihkannya.

Lihatlah ekstensi Firefox Dust-Me di https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .

Alat Pengembang Chrome memiliki tab Audit yang dapat menampilkan pemilih CSS yang tidak digunakan.

Jalankan audit, kemudian, di bawah Kinerja Halaman Web lihat Hapus aturan CSS yang tidak digunakan

Saya baru saja menemukan situs ini - http://unused-css.com/

Terlihat bagus tapi saya perlu memeriksa css 'bersih' yang dikeluarkan sebelum mengunggahnya ke situs saya.

Juga karena dengan semua alat ini saya perlu memeriksa tidak menghapus id dan kelas tanpa gaya tetapi digunakan sebagai penyeleksi JavaScript.

Konten di bawah ini diambil dari http://unused-css.com/ sehingga kredit kepada mereka untuk merekomendasikan solusi lain:

Latish Sehgal telah menulis aplikasi windows untuk menemukan dan menghapus kelas CSS yang tidak digunakan. Saya belum mengujinya tetapi dari uraiannya, Anda harus memberikan path file html Anda dan satu file CSS. Program kemudian akan mendaftar pemilih CSS yang tidak digunakan. Dari tangkapan layar, sepertinya tidak ada cara untuk mengekspor daftar ini atau mengunduh file CSS bersih yang baru. Sepertinya layanan ini terbatas pada satu file CSS. Jika Anda memiliki banyak file yang ingin Anda bersihkan, Anda harus membersihkannya satu per satu.

Dust-Me Selectors adalah ekstensi Firefox (untuk v1.5 atau lebih baru) yang menemukan pemilih CSS yang tidak digunakan. Itu mengekstrak semua pemilih dari semua lembar gaya pada halaman yang Anda lihat, kemudian menganalisis halaman itu untuk melihat mana dari pemilih tersebut yang tidak digunakan. Data kemudian disimpan sehingga saat menguji halaman berikutnya, penyeleksi dapat dicoret dari daftar saat mereka ditemui. Alat ini seharusnya bisa laba-laba seluruh situs web tetapi saya sayangnya bisa membuatnya berfungsi. Juga, saya tidak percaya Anda dapat mengkonfigurasi dan mengunduh file CSS dengan gaya dihapus.

Topstyle adalah aplikasi windows termasuk banyak alat untuk mengedit CSS. Saya belum banyak mengujinya tetapi tampaknya memiliki kemampuan untuk menghapus pemilih CSS yang tidak digunakan. Perangkat lunak ini berharga 80 USD.

Liquidcity CSS cleaner adalah skrip php yang menggunakan ekspresi reguler untuk memeriksa gaya satu halaman. Ini akan memberi tahu Anda kelas-kelas yang tidak tersedia dalam kode HTML. Saya belum menguji solusi ini.

Deadweight adalah alat cakupan CSS. Diberi satu set stylesheet dan satu set URL, itu menentukan pemilih mana yang benar-benar digunakan dan daftar mana yang bisa "aman" dihapus. Alat ini adalah modul ruby ​​dan hanya akan bekerja dengan situs web rails. Selektor yang tidak digunakan harus dihapus secara manual dari file CSS.

Helium CSS adalah alat javascript untuk menemukan CSS yang tidak digunakan di banyak halaman di situs web. Pertama-tama Anda harus menginstal file javascript ke halaman yang ingin Anda uji. Kemudian, Anda harus memanggil fungsi helium untuk memulai pembersihan.

UnusedCSS.com adalah aplikasi web dengan antarmuka yang mudah digunakan. Ketik url situs dan Anda akan mendapatkan daftar pemilih CSS. Untuk setiap pemilih, angka menunjukkan berapa kali pemilih digunakan. Layanan ini memiliki beberapa batasan. Pernyataan impor tidak didukung. Anda tidak dapat mengonfigurasi dan mengunduh file CSS bersih yang baru.

CSSESS adalah bookmarklet yang membantu Anda menemukan pemilih CSS yang tidak digunakan di situs mana pun. Alat ini cukup mudah digunakan tetapi tidak memungkinkan Anda mengonfigurasi dan mengunduh file CSS yang bersih. Ini hanya akan mencantumkan file CSS yang tidak digunakan.

Google Page Speed dapat melakukannya untuk Anda (sebenarnya jauh lebih banyak daripada sekadar memberi tahu Anda CSS mana yang tidak digunakan). Di FireFox, ini tersedia sebagai add-on FireBug. Lalu ada versi online juga.

CSS Minifier yang Lebih Baik dalam C # membuang gaya yang berlebihan;

Anda juga ingin menggunakan Dust-Me dengan ini.

Ingat, jika ada konten yang saat ini tidak terlihat oleh saya-debu, Anda mungkin membuang gaya yang Anda butuhkan.

EDIT: tautan rusak tetapi archive.org memiliki halaman dan kode.

Penggunaan CSS

Ekstensi Firebug untuk melihat aturan CSS mana yang sebenarnya digunakan.

Penggunaan CSS adalah ekstensi untuk Firebug (dengan demikian diperlukan untuk menginstal Firebug) yang memungkinkan Anda mengetahui aturan gaya CSS yang tidak digunakan. Ini mengidentifikasi CSS yang Anda gunakan dan tidak gunakan. Ini memungkinkan Anda menunjukkan bagian-bagian yang tidak perlu yang bisa dilepas. Anda harus menggunakan add-on ini untuk menjaga file CSS Anda seringan mungkin.

Sepertinya seseorang memperbarui DustMe Selectors untuk bekerja dengan Firefox lagi dengan nama baru - 'CSS Roundup' http://blog.brothersmorrison.com/?p=198

Gunakan Bilah Alat Pengembang Internet Explorer , s Lihat> Pencocokan Pemilih CSS : Melihat laporan dari semua aturan gaya yang ditetapkan dan berapa kali mereka digunakan pada halaman saat ini.

Lihat PageSpeed ​​Google untuk Firefox . Itu melakukan ini, dan beban keseluruhan lebih banyak.

Tampaknya plugin Chrome sedang dalam pengembangan juga.