Effektiv kontroll av CSS-variabler i Chrome
CSS Undefined Variable Checker är en praktisk Devtools-tillägg för Google Chrome som hjälper utvecklare att upptäcka användning av odefinierade CSS-variabler. När den är installerad lägger den till en ny flik i Chrome Developer Tools där användare kan analysera den aktuella sidan för odefinierade variabler i 'var()'-uttryck. Tillägget analyserar både stilmallar och inline-stilar och presenterar resultaten i en överskådlig tabell med länkar till de berörda elementen.
Användningen är enkel: efter installation öppnas en webbsida och Developer Tools aktiveras. Den nya fliken, "CSS Undefined Variable Checker", visar en knapp för att starta analysen. Resultaten presenteras i en tabell med tre kolumner: namnet på den odefinierade variabeln, stilmallen där den hittades och en CSS-selektor som identifierar elementet. Detta verktyg är särskilt användbart för att snabbt identifiera och åtgärda CSS-problem.
