Pemeriksa CSS: Periksa Sintaks, Properti, dan Error CSS
Pemeriksa CSS mengurai CSS dengan css-tree dan melaporkan error sintaks beserta posisi baris dan kolomnya, melanjutkan melewati error pertama sehingga Anda dapat menemukan lebih banyak masalah. Alat ini juga menandai nama properti yang tidak ada dalam tabel spesifikasi CSS sebagai kemungkinan salah ketik, sambil mengabaikan properti kustom (--*) dan prefiks vendor. Tinjau jumlah aturan, deklarasi, dan @-rule bersama hasilnya.
Pemeriksa CSS adalah pemeriksa sintaks CSS berbasis browser yang mengurai stylesheet dengan css-tree. Alat ini melaporkan error sintaks dengan posisi baris dan kolom serta melanjutkan melewati error pertama sehingga Anda dapat meninjau masalah tambahan. Alat ini juga menandai nama properti yang tidak ada dalam tabel spesifikasi CSS sebagai kemungkinan salah ketik, dan menampilkan jumlah aturan, deklarasi, dan @-rule.
Selama validasi, CSS diurai dan masalah sintaks dilaporkan beserta posisinya. Nama properti yang tidak ada dalam tabel spesifikasi CSS ditandai, tetapi properti kustom (--*) dan prefiks vendor diabaikan oleh pemeriksaan tersebut. Pemeriksa karena itu dapat membantu membedakan kemungkinan salah eja dari pola nama properti yang memang dirancang untuk dilewati.
CSS mendeskripsikan aturan gaya dan deklarasi, sedangkan pemeriksa memeriksa apakah stylesheet yang diberikan dapat diurai dan apakah nama properti muncul dalam tabel spesifikasi CSS. Menggunakan Pemeriksa CSS dapat membantu developer menyelidiki error sebelum CSS mencapai parser yang gagal saat runtime, memverifikasi keluaran yang dihasilkan, dan menemukan masalah tanpa mencari manual di seluruh file.
Pemeriksa CSS berjalan sepenuhnya di browser Anda: masukan Anda diproses di perangkat Anda sendiri dan tidak dikirim ke server. Alat ini berfungsi offline setelah halaman dimuat, sehingga Anda dapat menggunakannya tanpa koneksi setelah titik tersebut. Alat ini gratis digunakan, dan developer serta engineer DevOps dapat menggunakannya untuk memeriksa stylesheet dan menelaah hasil validasi.
Langkah 1: Tempel atau letakkan CSS Anda ke alat. Sertakan stylesheet yang ingin Anda periksa.
Langkah 2: Jalankan pemeriksaan CSS. Alat mengurai masukan Anda dan melaporkan error sintaks yang ditemukannya.
Langkah 3: Tinjau setiap posisi error yang dilaporkan. Gunakan detail baris dan kolom untuk menemukan bagian CSS yang relevan.
Langkah 4: Periksa peringatan properti dan jumlahnya. Alat menandai nama properti yang tidak dikenal dan menampilkan total aturan, deklarasi, dan @-rule.
Kasus penggunaan: Periksa file CSS sebelum mencapai parser dan gagal saat runtime. Pemeriksa dapat membantu Anda menemukan masalah sintaks lebih awal.
Kasus penggunaan: Temukan baris dan kolom error sintaks alih-alih membagi file secara manual. Tinjau posisi yang dilaporkan untuk mempersempit tempat penyelidikan.
Kasus penggunaan: Konfirmasi keluaran dari alat lain adalah CSS yang valid, bukan sekadar teks yang tampak masuk akal. Parser melaporkan error sintaks yang ditemukannya.
Kasus penggunaan: Cari kemungkinan salah ketik nama properti dalam stylesheet. Pemeriksa menandai nama yang tidak ada dalam tabel spesifikasi CSS sambil mengabaikan properti kustom dan prefiks vendor.
Kasus penggunaan: Tinjau jumlah aturan, deklarasi, dan @-rule setelah membuat atau mengedit CSS. Totalnya memberikan gambaran cepat tentang isi stylesheet.
Kasus penggunaan: Periksa stylesheet yang menggunakan properti kustom atau properti berprefiks vendor. Ini diabaikan oleh pemeriksaan nama properti, sehingga tidak ditandai sebagai properti yang tidak dikenal.