CSS Denetleyici – CSS Sözdizimi ve Hata Denetimi
CSS Denetleyici, CSS'i css-tree ile ayrıştırır ve sözdizimi hatalarını satır ve sütun konumlarıyla raporlar; daha fazla sorun bulabilmeniz için ilk hatadan sonra devam eder. Ayrıca CSS özellik tablosunda bulunmayan özellik adlarını olası yazım hatası olarak işaretlerken özel özellikleri (--*) ve tarayıcı öneklerini yok sayar. Sonuçların yanında kural, bildirim ve @-rule sayılarını inceleyin.
CSS Denetleyici, stil sayfalarını css-tree ile ayrıştıran tarayıcı tabanlı bir CSS sözdizimi denetleyicisidir. Sözdizimi hatalarını satır ve sütun konumlarıyla raporlar ve ek sorunları inceleyebilmeniz için ilk hatadan sonra devam eder. Araç ayrıca CSS özellik tablosunda bulunmayan özellik adlarını olası yazım hatası olarak işaretler; kural, bildirim ve @-rule sayılarını gösterir.
Doğrulama sırasında CSS ayrıştırılır ve sözdizimi sorunları konumlarıyla raporlanır. CSS özellik tablosunda bulunmayan özellik adları işaretlenir; ancak özel özellikler (--*) ve tarayıcı önekleri bu denetimde yok sayılır. Denetleyici böylece olası yazım hatalarını, kasıtlı olarak atladığı bu özellik adı kalıplarından ayırt etmenize yardımcı olabilir.
CSS, stil kurallarını ve bildirimleri açıklar; denetleyici ise verilen stil sayfasının ayrıştırılıp ayrıştırılamadığını ve özellik adlarının CSS özellik tablosunda görünüp görünmediğini kontrol eder. CSS Denetleyici kullanmak, geliştiricilerin CSS bir ayrıştırıcıda çalışma zamanında hata vermeden önce hataları araştırmasına, üretilmiş çıktıyı doğrulamasına ve dosyayı elle aramadan sorunları bulmasına yardımcı olur.
CSS Denetleyici tamamen tarayıcınızda çalışır: girdiniz kendi cihazınızda işlenir ve sunucuya gönderilmez. Sayfa yüklendikten sonra çevrimdışı çalışır; bu yüzden o noktadan sonra bağlantısız kullanabilirsiniz. Kullanımı ücretsizdir; geliştiriciler ve DevOps mühendisleri stil sayfalarını denetlemek ve doğrulama sonuçlarını incelemek için kullanabilir.
Adım 1: CSS'inizi araca yapıştırın veya bırakın. Denetlemek istediğiniz stil sayfasını ekleyin.
Adım 2: CSS denetimini çalıştırın. Araç girdinizi ayrıştırır ve bulduğu sözdizimi hatalarını raporlar.
Adım 3: Raporlanan her hatanın konumunu inceleyin. CSS'inizin ilgili bölümünü bulmak için satır ve sütun bilgilerini kullanın.
Adım 4: Özellik uyarılarını ve sayımları kontrol edin. Araç tanınmayan özellik adlarını işaretler ve kural, bildirim ile @-rule toplamlarını gösterir.
Kullanım senaryosu: Bir CSS dosyasını çalışma zamanında bir ayrıştırıcıda hata vermeden önce kontrol edin. Denetleyici, sözdizimi sorunlarını daha erken fark etmenize yardımcı olur.
Kullanım senaryosu: Dosyayı elle ikiye bölmek yerine sözdizimi hatasının satır ve sütununu bulun. Raporlanan konumları inceleyerek araştıracağınız yeri daraltın.
Kullanım senaryosu: Başka bir aracın çıktısının yalnızca gerçekçi görünen bir metin değil, geçerli CSS olduğunu doğrulayın. Ayrıştırıcı bulduğu sözdizimi hatalarını raporlar.
Kullanım senaryosu: Stil sayfasındaki olası özellik adı yazım hatalarını arayın. Denetleyici, CSS özellik tablosunda bulunmayan adları özel özellikleri ve tarayıcı öneklerini yok sayarak işaretler.
Kullanım senaryosu: CSS ürettikten veya düzenledikten sonra kural, bildirim ve @-rule sayılarını inceleyin. Toplamlar, stil sayfasının içeriğine hızlı bir genel bakış sunar.
Kullanım senaryosu: Özel özellikler veya tarayıcı önekli özellikler kullanan bir stil sayfasını denetleyin. Bunlar özellik adı denetiminde yok sayılır; bu yüzden bilinmeyen özellik olarak işaretlenmezler.