Saat kita menulis style, setelah CSS halaman dimodifikasi untuk beberapa versi, beberapa style mungkin tidak lagi digunakan, atau beberapa style mungkin telah diganti namanya dan yang asli lupa dihapus konten dalam gaya halaman. Pemborosan ruang server dan konsumsi bandwidth yang tidak berguna ini juga akan meningkatkan biaya pemeliharaan kami. Jadi apakah ada cara untuk membersihkan gaya-gaya yang tidak berguna itu? Hari ini mari kita lihat beberapa alat yang lebih berguna.
Penyeleksi Dust-Me
Dust-Me adalah plugin Firefox yang sangat berguna dan mudah digunakan. Plugin ini dapat menganalisis semua file CSS yang dipanggil di halaman Anda dan menganalisis file yang tidak digunakan di halaman tersebut.
Mendukung file gaya lokal dan jarak jauh, termasuk file gaya yang diperkenalkan menggunakan tag <link>, instruksi pemrosesan <?xml-stylesheet?>, pernyataan @import, dll. (tetapi tidak mendukung blok <style> dan gaya sebaris di halaman)
Mendukung file gaya yang diperkenalkan di komentar bersyarat IE;
Anda dapat memeriksa satu halaman atau seluruh situs web;
Mendukung pemilih CSS1, sebagian besar pemilih CSS2 dan CSS3;
Pahami bahwa peretasan CSS umum seperti "* html #fuck-ie" akan ditafsirkan sebagai "html #fuck-ie";
Mendukung Firefox 3.5 dan Firefox 3.0 Faktanya, berkat peningkatan mesin js FF 3.5, kinerja di FF 3.5 50% lebih tinggi dibandingkan FF 3.0.
Instalasi: Klik di sini. Pada saat yang sama, Anda dapat mengunduh kode sumber proyek. Untuk mempelajari lebih lanjut, silakan kunjungi halaman resmi pemilih Dust-Me.
Kecepatan Halaman
Kecepatan Halaman adalah alat analisis kinerja front-end yang disediakan oleh Google. Ini agak mirip dengan YSlow, tetapi menyediakan beberapa alat yang lebih unik dan berguna, seperti Hapus CSS yang tidak digunakan:
Kecepatan Halaman, seperti YSlow, mengandalkan Firebug. Untuk detail dan instalasi, silakan kunjungi di sini.
Pemeriksa Redundansi CSS
Pemeriksa Redundansi CSS adalah aplikasi online gratis yang dapat memeriksa semua halaman yang menggunakan file CSS tertentu untuk mencari gaya yang tidak berguna. Anda dapat memeriksa penggunaan gaya tertentu di beberapa halaman secara bersamaan. Kerugian dari alat ini adalah meskipun dapat memeriksa beberapa halaman HTML sekaligus, alat ini hanya dapat memeriksa satu file CSS dalam satu waktu, dan Anda harus memasukkannya secara manual:
IDE IntelliJ
IntelliJ IDEA Ini adalah IDE yang cukup kuat, mirip dengan DreamWeaver, namun tidak banyak digunakan di Cina. Perangkat lunak ini mencakup alat Analisis Kode on-the-fly yang dapat menganalisis kelas dan id yang tidak digunakan dalam file CSS.
Web Ekspresi
Expression Web, alat pengembangan situs web generasi baru Microsoft, masih digunakan oleh banyak orang. Fungsi Laporan CSS-nya dapat memeriksa CSS yang tidak terpakai yang perlu dibersihkan (Saya memang belum pernah menggunakan EW untuk mengembangkan situs web. Saya harap anak-anak yang menggunakan perangkat lunak ini dapat melakukannya. bantuan. Lihat ini).
Kesimpulan
Tentu saja, mungkin ada alat lain yang tidak disebutkan di sini. Jika Anda mengetahui sesuatu tentangnya, Anda dapat membaginya dengan semua orang.
Selain itu, kami biasanya menulis gaya seluruh situs web ke dalam satu atau lebih file gaya, lalu memanggil semuanya di halaman atau memanggilnya dalam modul. Kemudian gaya dalam file CSS tertentu tidak boleh digunakan di halaman tertentu tetapi digunakan di halaman tertentu. Ini digunakan di halaman lain, jadi saat menggunakan alat ini untuk mendeteksi gaya yang berlebihan di file CSS, Anda harus berhati-hati. Menghapus gaya dapat memengaruhi halaman lain, jadi hasil pemeriksaan disediakan oleh Kecepatan Halaman hanya berlaku untuk satu halaman, tidak cocok untuk keseluruhan situs web, sebagai gantinya gunakan Dust-Me atau Redundansi CSS Saat menggunakan Checker, Anda dapat memeriksa seluruh situs web atau beberapa halaman situs web secara bersamaan, sehingga dapat menghindari kesalahan.
PS:Terima kasih banyak atas kerja Knowledge Capsules.