CSS Provjera

Pronađite i ispravite pogreške u stilovima odmah. Izravno unutar vašeg preglednika — bez potrebe za kopiranjem koda na vanjske web stranice.

Dodaj u Chrome

CSS Provjera je lagano proširenje preglednika koje pomaže programerima i dizajnerima da odmah pronađu i isprave pogreške u svojim stilovima. Bilo da otklanjate pogreške u složenom rasporedu ili validirate jednostavnu stranicu, ovaj alat za provjeru CSS-a štedi vam sate ručnog pregleda. Radi izravno unutar vašeg preglednika - bez potrebe za kopiranjem koda na vanjske web stranice ili prebacivanjem između kartica.

Umorni ste od skrivenih pogrešaka u stilovima?

Ako redovito pišete stilove, znate koliko skrivene pogreške mogu biti frustrirajuće. Nedostajući točka-zarez, nevažeće svojstvo ili neispravan selektor mogu tiho pokvariti vaš raspored. Upravo zato pouzdan CSS validator i provjeravač CSS-a imaju važnost. Skenira vaše stilove u stvarnom vremenu i ističe svaki problem kako biste ga mogli odmah ispraviti 🔍

Tijek validacije u 5 koraka

1

Otvorite bilo koju web stranicu

Otvorite bilo koju web stranicu i kliknite ikonu proširenja.

2

Skenirajte automatski

Provjeravač CSS koda automatski skenira sve stilove.

3

Pregledajte izvještaj

Pregledajte pogreške, upozorenja i prijedloge u ploči izvještaja.

4

Provjerite kontrast

Prebacite se na karticu kontrasta kako biste provjerili pristupačnost.

5

Ispravite i ponovno validirajte

Ispravite svoj kod i ponovno ga validirajte jednim klikom.

Što izdvaja ovu CSS Provjeru

🔍

Trenutna validacija CSS-a

Trenutna validacija stilova CSS validatorom na trenutnoj stranici.

✅

Detaljni izvještaji o pogreškama

Detaljni izvještaji o pogreškama i upozorenjima s brojevima redaka.

📌

Provjeravač CSS-a i XPath

Podrška za funkcionalnost provjeravača CSS-a i XPath.

🎨

Provjeravač kontrasta

Ugrađeni provjeravač kontrasta boja CSS za pristupačnost.

🔒

Provjeravač kompatibilnosti

Provjeravač kompatibilnosti CSS za podršku za više preglednika.

✅

Ponovno skeniranje jednim klikom

Ponovno skeniranje jednim klikom nakon promjena.

Ovo proširenje nije samo provjeravač sintakse CSS - to je potpuno opremljen komplet alata CSS validatora za svakoga tko svakodnevno radi sa stilovima. Analizira vaš kod, otkriva probleme i pruža jasne prijedloge. Od tipfelera u nazivima svojstava do neispravnih formata vrijednosti, ova CSS Provjera otkriva probleme prije nego što ih vaši korisnici primijete.

Mnogi programeri oslanjaju se na vanjske web stranice za validaciju, ali prebacivanje kartica i lijepljenje koda je sporo. Ova CSS Provjera donosi sve izravno u vaše razvojne alate - točno tamo gdje vam je potrebno

Značajka kompatibilnosti osobito je korisna kada podržavate više preglednika. Označava svojstva koja možda neće raditi u starijim verzijama Chromea, Firefoxa, Safarija ili Edgea kako biste mogli dodati rezervna rješenja prije nego što korisnici naiđu na vizualne pogreške 🔒

Kome može koristiti ovaj alat CSS Provjera

💻

Frontend programeri

Frontend programeri koji otklanjaju pogreške u produkcijskim stilovima.

🎨

Dizajneri

Dizajneri koji provjeravaju odgovaraju li njihovi stilovi zamišljenom dizajnu.

🧪

QA inženjeri

QA inženjeri koji provode revizije kompatibilnosti između preglednika.

🎓

Studenti

Studenti koji uče web razvoj i žele trenutnu povratnu informaciju.

♿

Stručnjaci za pristupačnost

Stručnjaci za pristupačnost koji provjeravaju omjere kontrasta kako bi zadovoljili standarde WCAG.

Jedna od najpopularnijih značajki je ugrađeni provjeravač kontrasta boja CSS. Slab kontrast između teksta i pozadine česta je povreda pristupačnosti. Ovaj CSS validator procjenjuje vaše parove boja prema smjernicama WCAG 2.1 i označava svaku kombinaciju koja ne zadovoljava pragove AA ili AAA. Pristupačan dizajn počinje pravilnom provjerom kontrasta 🎨

U brojkama

6
Alata za validaciju
Trenutno
Otkrivanje pogrešaka
Nula
Potrebne konfiguracije
100%
Besplatno i otvoreno

Kako radi CSS validator

Otkriva sve povezane i ugrađene stilove na aktivnoj stranici i analizira svaki od njih u potrazi za problemima:

Otkriva stilove

Otkriva sve povezane i ugrađene stilove na aktivnoj stranici.

Analizira i provjerava

Analizira svaki stil i provjerava sintaksne pogreške i nepoznata svojstva.

Grupira rezultate

Grupira rezultate po datoteci kako biste lako mogli navigirati velikim projektima.

Ističe nalaze

CSS Provjera ističe relevantne nalaze izravno u ploči izvještaja.

Česta pitanja

Podržava li moderna svojstva?

Da — provjeravač sintakse CSS prepoznaje najnovije specifikacije uključujući prilagođena svojstva, grid i skraćeni zapis za flexbox.

Mogu li ga koristiti kao provjeravač CSS-a i XPath?

Apsolutno — proširenje uključuje validaciju XPath uz analizu stilova.

Radi li na lokalnim datotekama?

Da, omogućite pristup datotekama u postavkama preglednika.

Kako funkcionira provjera kontrasta?

Ovaj CSS validator procjenjuje vaše parove boja prema smjernicama WCAG 2.1 i označava svaku kombinaciju koja ne zadovoljava pragove AA ili AAA.

Je li proširenje sigurno?

Da! Čitamo samo CSS stranice i svojstva DOM-a kako bismo vam pomogli provjeriti stilove. Za detalje pogledajte naša Pravila privatnosti.

Bilo da vam je potrebno brzo skeniranje ili temeljit CSS validator za produkciju, CSS Provjera prilagođava se vašem načinu rada.

Ključne značajke ukratko:

Prestanite gubiti vrijeme tražeći pogreške u stilovima

S namjenskim provjeravačem pogrešaka CSS i pouzdanim provjeravačem kontrasta CSS u jednom proširenju imate sve što vam je potrebno za pisanje čistih, pristupačnih stilova bez pogrešaka ✅

Instalirajte CSS Provjeru danas

Besplatno, brzo i izrađeno od strane programera koji razumiju muke sa stilovima.