Validator CSS – verifică sintaxa CSS, proprietățile, erorile
Validatorul CSS parsează CSS cu css-tree și raportează erori de sintaxă cu pozițiile lor pe linie și coloană, continuând după prima eroare, astfel încât să poți găsi mai multe probleme. De asemenea, marchează numele de proprietăți absente din tabelul de specificații CSS ca probabile greșeli de tastare, ignorând în același timp proprietățile personalizate (--*) și prefixele de vendor. Verifică numărătorile de reguli, declarații și reguli-@ alături de rezultate.
Validator CSS este un verificator de sintaxă CSS bazat pe browser, care parsează foi de stil cu css-tree. Raportează erori de sintaxă cu poziții pe linie și coloană și continuă după prima eroare, astfel încât să poți verifica probleme suplimentare. Instrumentul marchează și numele de proprietăți care nu se află în tabelul de specificații CSS ca probabile greșeli de tastare și arată numărători de reguli, declarații și reguli-@.
În timpul validării, CSS-ul este parsat, iar problemele de sintaxă sunt raportate cu pozițiile lor. Numele de proprietăți absente din tabelul de specificații CSS sunt marcate, dar proprietățile personalizate (--*) și prefixele de vendor sunt ignorate de acea verificare. Prin urmare, validatorul poate ajuta la distingerea greșelilor probabile de acele tipare de nume de proprietăți pe care este conceput să le omită.
CSS descrie reguli și declarații de stilizare, în timp ce un validator verifică dacă foaia de stil furnizată poate fi parsată și dacă numele proprietăților apar în tabelul de specificații CSS. Folosirea unui Validator CSS poate ajuta dezvoltatorii să investigheze erori înainte ca CSS-ul să ajungă la un parser care eșuează la runtime, să verifice ieșirea generată și să localizeze probleme fără a căuta manual prin fișier.
Validatorul CSS rulează complet în browserul tău: datele tale sunt procesate pe propriul dispozitiv și nu sunt trimise către un server. Funcționează offline după ce pagina s-a încărcat, deci îl poți folosi fără conexiune după acel moment. Este gratuit, iar dezvoltatorii și inginerii DevOps îl pot folosi pentru a verifica foi de stil și a inspecta rezultatele validării.
Pasul 1: Lipește sau trage CSS-ul tău în instrument. Include foaia de stil pe care vrei s-o verifici.
Pasul 2: Rulează verificarea CSS. Instrumentul îți parsează datele și raportează erorile de sintaxă găsite.
Pasul 3: Verifică fiecare poziție de eroare raportată. Folosește detaliile de linie și coloană pentru a localiza partea relevantă a CSS-ului tău.
Pasul 4: Verifică avertismentele de proprietăți și numărătorile. Instrumentul marchează nume de proprietăți nerecunoscute și arată totalurile de reguli, declarații și reguli-@.
Caz de utilizare: Verifică un fișier CSS înainte ca acesta să ajungă la un parser și să eșueze la runtime. Validatorul te poate ajuta să depistezi probleme de sintaxă mai devreme.
Caz de utilizare: Găsește linia și coloana unei erori de sintaxă în loc să bisectezi fișierul manual. Verifică pozițiile raportate pentru a restrânge unde să investighezi.
Caz de utilizare: Confirmă că ieșirea unui alt instrument este CSS valid, nu doar text plauzibil. Parserul raportează erorile de sintaxă găsite.
Caz de utilizare: Caută probabile greșeli de tastare ale numelor de proprietăți într-o foaie de stil. Validatorul marchează numele lipsă din tabelul de specificații CSS, ignorând în același timp proprietățile personalizate și prefixele de vendor.
Caz de utilizare: Verifică numărătorile de reguli, declarații și reguli-@ după generarea sau editarea CSS. Totalurile oferă o privire de ansamblu rapidă asupra conținutului foii de stil.
Caz de utilizare: Verifică o foaie de stil care folosește proprietăți personalizate sau proprietăți cu prefix de vendor. Acestea sunt ignorate de verificarea numelor de proprietăți, deci nu sunt marcate ca proprietăți necunoscute.