Comprobador de variables CSS no definidas
CSS Undefined Variable Checker es una extensión de Devtools para Google Chrome que ayuda a detectar el uso de variables CSS no definidas. Si escribes CSS utilizando propiedades/variables personalizadas, esta herramienta es perfecta para ti. Añade una pestaña a las Herramientas de Desarrollo de Chrome, lo que te permite comprobar la página actual en busca de variables CSS no definidas utilizadas dentro de expresiones "var()".
Esta extensión analiza tanto hojas de estilo como atributos de estilo en línea, mostrando los resultados en una tabla fácil de usar con enlaces a los elementos problemáticos dentro de la pestaña "Elementos" de las Herramientas de Desarrollo. Para utilizar la extensión, simplemente abre un sitio web en Google Chrome, abre las Herramientas de Desarrollo y navega hasta la pestaña "CSS Undefined Variable Checker". Al hacer clic en el botón "Comprobar variables no definidas", se iniciará el análisis y se llenará la tabla con cualquier variable CSS no definida encontrada.
La tabla de resultados proporciona el nombre de la variable no definida, la hoja de estilo o el estilo en línea donde se encontró y el elemento de la página donde se utilizó. Al hacer clic en los enlaces de la tabla, se resaltará el elemento problemático en la pestaña "Elementos" de las Herramientas de Desarrollo, lo que facilita el seguimiento de la variable no definida.
Ten en cuenta que esta extensión se basa en API para acceder a la información de las hojas de estilo, las cuales están limitadas por el Compartir Recursos de Origen Cruzado (CORS). Las hojas de estilo de diferentes orígenes sin las cabeceras de acceso necesarias no serán analizadas. Sin embargo, esto no afecta la capacidad de la extensión para analizar otros estilos accesibles mediante API.
Para aquellos interesados, la lógica de análisis detrás de esta extensión también está disponible como un paquete npm llamado
