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.
css
performance
optimization
code-cleanup
jswanson
sumber
sumber
Jawaban:
Lihatlah ekstensi Firefox Dust-Me di https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .
sumber
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
sumber
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:
sumber
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.
sumber
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.
sumber
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.
sumber
Sepertinya seseorang memperbarui DustMe Selectors untuk bekerja dengan Firefox lagi dengan nama baru - 'CSS Roundup' http://blog.brothersmorrison.com/?p=198
sumber
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.
sumber
Lihat PageSpeed Google untuk Firefox . Itu melakukan ini, dan beban keseluruhan lebih banyak.
Tampaknya plugin Chrome sedang dalam pengembangan juga.
sumber