Comprovador de CSS
Troba i corregeix errors de fulls d'estil a l'instant. Directament al teu navegador, sense necessitat de copiar i enganxar codi a llocs web externs.
El Comprovador de CSS és una extensió de navegador lleugera que ajuda desenvolupadors i dissenyadors a trobar i corregir a l'instant errors als seus fulls d'estil. Tant si depures una disposició complexa com si valides una pàgina senzilla, aquesta eina de comprovació de CSS t'estalvia hores d'inspecció manual. Funciona directament al teu navegador, sense necessitat de copiar i enganxar codi a llocs web externs ni de canviar entre pestanyes.
Cansat dels errors ocults als fulls d'estil?
Si escrius estils habitualment, saps com de frustrants poden ser els errors ocults. Un punt i coma que falta, una propietat no vàlida o un selector trencat pot arruïnar en silenci la teva disposició. Precisament per això un validador de CSS i un comprovador de CSS fiables són importants. Escaneja els teus fulls d'estil en temps real i ressalta cada problema perquè el puguis corregir a l'acte 🔍
Flux de validació en 5 passos
Obre qualsevol pàgina web
Obre qualsevol pàgina web i fes clic a la icona de l'extensió.
Escaneja automàticament
El comprovador de codi CSS escaneja tots els fulls d'estil automàticament.
Revisa l'informe
Revisa els errors, les advertències i els suggeriments al tauler d'informes.
Audita el contrast
Canvia a la pestanya de contrast per auditar l'accessibilitat.
Corregeix i torna a validar
Corregeix el teu codi i torna a validar amb un sol clic.
Què fa que aquest Comprovador de CSS destaqui
Validació de CSS instantània
Validació instantània de fulls d'estil amb el validador de CSS a la pàgina actual.
Informes d'errors detallats
Informes detallats d'errors i advertències amb números de línia.
Comprovador de CSS i XPath
Compatibilitat amb la funcionalitat de comprovador de CSS i XPath.
Comprovador de contrast
Comprovador de contrast de colors CSS integrat per a l'accessibilitat.
Comprovador de compatibilitat
Comprovador de compatibilitat de CSS per a la compatibilitat entre navegadors.
Nou escaneig amb un clic
Nou escaneig amb un sol clic després dels canvis.
L'extensió no és només un comprovador de sintaxi CSS: és un conjunt complet d'eines de validador de CSS per a qualsevol persona que treballi amb fulls d'estil diàriament. Analitza el teu codi, detecta problemes i ofereix suggeriments clars. Des d'errors tipogràfics en noms de propietats fins a formats de valor incorrectes, aquest comprovador de CSS detecta els problemes abans que els teus usuaris se n'adonin.
Molts desenvolupadors confien en llocs web de validació externs, però canviar de pestanya i enganxar codi és lent. Aquest comprovador de CSS ho porta tot directament a les teves eines de desenvolupament, just on ho necessites
La funció de compatibilitat és especialment útil quan dones suport a diversos navegadors. Marca les propietats que poden no funcionar en versions antigues de Chrome, Firefox, Safari o Edge perquè puguis afegir alternatives abans que els usuaris trobin errors visuals 🔒
Qui es pot beneficiar d'aquesta eina de Comprovador de CSS
Desenvolupadors de frontend
Desenvolupadors de frontend que depuren fulls d'estil de producció.
Dissenyadors
Dissenyadors que verifiquen que els seus estils coincideixen amb el disseny previst.
Enginyers de QA
Enginyers de QA que fan auditories de compatibilitat entre navegadors.
Estudiants
Estudiants que aprenen desenvolupament web i volen retroalimentació instantània.
Especialistes en accessibilitat
Especialistes en accessibilitat que comproven les proporcions de contrast per complir els estàndards WCAG.
Una de les funcions més populars és el comprovador de contrast de colors CSS integrat. Un contrast deficient entre el text i el fons és una violació d'accessibilitat habitual. Aquest validador de CSS avalua les teves parelles de colors segons les directrius WCAG 2.1 i marca qualsevol combinació que no compleixi els llindars AA o AAA. El disseny accessible comença amb una verificació de contrast adequada 🎨
En xifres
Com funciona el validador de CSS
Detecta tots els fulls d'estil enllaçats i incrustats a la pàgina activa i analitza cadascun a la recerca de problemes:
Detecta fulls d'estil
Detecta tots els fulls d'estil enllaçats i incrustats a la pàgina activa.
Analitza i comprova
Analitza cada full d'estil i comprova si hi ha errors de sintaxi i propietats desconegudes.
Agrupa els resultats
Agrupa els resultats per fitxer perquè puguis navegar fàcilment per projectes grans.
Ressalta les troballes
El comprovador de CSS ressalta les troballes rellevants directament al tauler d'informes.
Preguntes freqüents
Admet propietats modernes?
Sí: el comprovador de sintaxi CSS reconeix les especificacions més recents, incloses les propietats personalitzades, grid i la sintaxi abreujada de flexbox.
El puc utilitzar com a comprovador de CSS i XPath?
És clar: l'extensió inclou validació d'XPath juntament amb l'anàlisi de fulls d'estil.
Funciona amb fitxers locals?
Sí, activa l'accés als fitxers a la configuració del teu navegador.
Com funciona la comprovació de contrast?
Aquest validador de CSS avalua les teves parelles de colors segons les directrius WCAG 2.1 i marca qualsevol combinació que no compleixi els llindars AA o AAA.
L'extensió és segura?
Sí! Només llegim el CSS de la pàgina i les propietats del DOM per ajudar-te a comprovar els estils. Consulta la nostra Política de privadesa per a més detalls.
Tant si necessites un escaneig ràpid com un validador de CSS exhaustiu per a producció, el Comprovador de CSS s'adapta al teu flux de treball.
Funcions clau d'un cop d'ull:
- Validació amb el comprovador de CSS en temps real amb informes d'errors detallats
- Validador de CSS integrat que segueix les especificacions del W3C
- Comprovador de contrast de colors per al compliment de WCAG
- Validació d'XPath i selectors integrada
- Comprovador de compatibilitat de CSS per a la compatibilitat entre navegadors
- Comprovador de contingut CSS per auditar l'ús de propietats als fulls d'estil
Deixa de perdre temps buscant errors als fulls d'estil
Amb un comprovador d'errors CSS dedicat i un comprovador de contrast CSS fiable, tot en una sola extensió, tens tot el que necessites per escriure fulls d'estil nets, accessibles i sense errors ✅
Instal·la el Comprovador de CSS avuiGratuït, ràpid i creat per desenvolupadors que entenen els maldecaps dels fulls d'estil.