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.
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 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 seluruh situs web, tetapi saat menggunakan Dust-Me atau Pemeriksa Redundansi CSS, Anda dapat memeriksa seluruh situs web atau beberapa halaman situs web secara bersamaan, yang dapat menghindari kesalahan.
PS:Berkat kerja Knowledge Capsules yang sangat banyak.