CSS pārbaudītājs

Atrodiet un labojiet stila lapu kļūdas nekavējoties. Tieši jūsu pārlūkprogrammā — nav nepieciešams kopēt un ielīmēt kodu ārējās vietnēs.

Pievienot pārlūkam Chrome

CSS pārbaudītājs ir viegls pārlūkprogrammas paplašinājums, kas palīdz izstrādātājiem un dizaineriem nekavējoties atrast un labot kļūdas viņu stila lapās. Neatkarīgi no tā, vai jūs novēršat sarežģītu izkārtojumu vai validējat vienkāršu lapu, šis CSS pārbaudītāja rīks ietaupa jums stundas manuālās pārbaudes. Tas darbojas tieši jūsu pārlūkprogrammā - nav nepieciešams kopēt un ielīmēt kodu ārējās vietnēs vai pārslēgties starp cilnēm.

Vai esat noguruši no slēptām stila lapu kļūdām?

Ja jūs regulāri rakstāt stilus, jūs zināt, cik nomācošas var būt slēptās kļūdas. Trūkstoša semikola, nederīga īpašība vai bojāts selektors var klusi sabojāt jūsu izkārtojumu. Tieši tāpēc uzticams CSS validators un CSS pārbaudītājs ir svarīgi. Tas skenē jūsu stila lapas reāllaikā un izceļ katru problēmu, lai jūs varētu to labot uz vietas 🔍

Validācijas plūsma 5 soļos

1

Atveriet jebkuru tīmekļa lapu

Atveriet jebkuru tīmekļa lapu un noklikšķiniet uz paplašinājuma ikonas.

2

Skenējiet automātiski

CSS koda pārbaudītājs automātiski skenē visas stila lapas.

3

Pārskatiet ziņojumu

Pārskatiet kļūdas, brīdinājumus un ieteikumus ziņojumu panelī.

4

Auditējiet kontrastu

Pārslēdzieties uz kontrasta cilni, lai auditētu pieejamību.

5

Labojiet un validējiet atkārtoti

Labojiet savu kodu un validējiet to atkārtoti ar vienu klikšķi.

Kas padara šo CSS pārbaudītāju īpašu

🔍

Nekavējoša CSS validācija

Nekavējoša stila lapu validācija ar CSS validatoru pašreizējā lapā.

✅

Detalizēti kļūdu ziņojumi

Detalizēti kļūdu un brīdinājumu ziņojumi ar rindu numuriem.

📌

CSS un XPath pārbaudītājs

Atbalsts CSS un XPath pārbaudītāja funkcionalitātei.

🎨

Kontrasta pārbaudītājs

Iebūvēts CSS krāsu kontrasta pārbaudītājs pieejamībai.

🔒

Saderības pārbaudītājs

CSS saderības pārbaudītājs vairāku pārlūkprogrammu atbalstam.

✅

Atkārtota skenēšana ar vienu klikšķi

Atkārtota skenēšana ar vienu klikšķi pēc izmaiņām.

Šis paplašinājums nav tikai CSS sintakses pārbaudītājs - tas ir pilnībā aprīkots CSS validatora rīku komplekts ikvienam, kurš ikdienā strādā ar stila lapām. Tas analizē jūsu kodu, atklāj problēmas un sniedz skaidrus ieteikumus. No drukas kļūdām īpašību nosaukumos līdz nepareiziem vērtību formātiem, šis CSS pārbaudītājs atklāj problēmas, pirms jūsu lietotāji tās pamana.

Daudzi izstrādātāji paļaujas uz ārējām validācijas vietnēm, taču cilņu pārslēgšana un koda ielīmēšana ir lēna. Šis CSS pārbaudītājs visu atnes tieši jūsu izstrādes rīkos - tieši tur, kur jums tas nepieciešams

Saderības funkcija ir īpaši noderīga, kad atbalstāt vairākas pārlūkprogrammas. Tā atzīmē īpašības, kas var nedarboties vecākās Chrome, Firefox, Safari vai Edge versijās, lai jūs varētu pievienot rezerves risinājumus, pirms lietotāji saskaras ar vizuālām kļūdām 🔒

Kas var gūt labumu no šī CSS pārbaudītāja rīka

💻

Frontend izstrādātāji

Frontend izstrādātāji, kuri novērš ražošanas stila lapas.

🎨

Dizaineri

Dizaineri, kuri pārbauda, vai viņu stili atbilst paredzētajam dizainam.

🧪

QA inženieri

QA inženieri, kuri veic pārlūkprogrammu saderības auditus.

🎓

Studenti

Studenti, kuri mācās tīmekļa izstrādi un vēlas nekavējoties saņemt atsauksmes.

♿

Pieejamības speciālisti

Pieejamības speciālisti, kuri pārbauda kontrasta attiecības, lai atbilstu WCAG standartiem.

Viena no populārākajām funkcijām ir iebūvētais CSS krāsu kontrasta pārbaudītājs. Vājš kontrasts starp tekstu un fonu ir izplatīts pieejamības pārkāpums. Šis CSS validators novērtē jūsu krāsu pārus atbilstoši WCAG 2.1 vadlīnijām un atzīmē jebkuru kombināciju, kas neatbilst AA vai AAA sliekšņiem. Pieejams dizains sākas ar pareizu kontrasta pārbaudi 🎨

Skaitļos

6
Validācijas rīki
Nekavējoties
Kļūdu atklāšana
Nulle
Nepieciešamā konfigurācija
100%
Bezmaksas un atvērts

Kā CSS validators darbojas

Tas atklāj visas saistītās un iekšējās stila lapas aktīvajā lapā un analizē katru no tām, meklējot problēmas:

Atklāj stila lapas

Tas atklāj visas saistītās un iekšējās stila lapas aktīvajā lapā.

Analizē un pārbauda

Tas analizē katru stila lapu un pārbauda sintakses kļūdas un nezināmas īpašības.

Grupē rezultātus

Tas grupē rezultātus pēc faila, lai jūs varētu viegli pārvietoties lielos projektos.

Izceļ atradumus

CSS pārbaudītājs izceļ attiecīgos atradumus tieši ziņojumu panelī.

Bieži uzdotie jautājumi

Vai tas atbalsta mūsdienu īpašības?

Jā — CSS sintakses pārbaudītājs atpazīst jaunākās specifikācijas, tostarp pielāgotās īpašības, grid un flexbox īsformu.

Vai es varu to izmantot kā CSS un XPath pārbaudītāju?

Protams — paplašinājums ietver XPath validāciju kopā ar stila lapu analīzi.

Vai tas darbojas ar vietējiem failiem?

Jā, iespējojiet failu piekļuvi savas pārlūkprogrammas iestatījumos.

Kā darbojas kontrasta pārbaude?

Šis CSS validators novērtē jūsu krāsu pārus atbilstoši WCAG 2.1 vadlīnijām un atzīmē jebkuru kombināciju, kas neatbilst AA vai AAA sliekšņiem.

Vai paplašinājums ir drošs?

Jā! Mēs lasām tikai lapas CSS un DOM īpašības, lai palīdzētu jums pārbaudīt stilus. Sīkāku informāciju skatiet mūsu Privātuma politika.

Neatkarīgi no tā, vai jums nepieciešama ātra skenēšana vai rūpīgs CSS validators ražošanai, CSS pārbaudītājs pielāgojas jūsu darba plūsmai.

Galvenās funkcijas vienā skatījumā:

Pārtrauciet tērēt laiku, meklējot stila lapu kļūdas

Ar veltītu CSS kļūdu pārbaudītāju un uzticamu CSS kontrasta pārbaudītāju vienā paplašinājumā jums ir viss nepieciešamais, lai rakstītu tīras, pieejamas un bez kļūdām stila lapas ✅

Instalējiet CSS pārbaudītāju šodien

Bezmaksas, ātrs un izstrādāts, ko veidojuši izstrādātāji, kuri saprot stila lapu problēmas.