Die Analyse durchsucht CSS als Text. Selektorbereiche, Vererbung und die Browser-Kaskade werden dabei nicht aufgelöst.
Läuft lokal in deinem BrowserFügen Sie ein Stylesheet ein; die Seite liest es als Text und listet die definierten benutzerdefinierten Eigenschaften, die per var() verwendeten und die Lücken dazwischen: ein Verweis ohne Definition und ohne brauchbaren Fallback oder eine Definition, die im eingefügten Text nichts nutzt.
Kommentare und Zeichenketten werden übersprungen, damit eine auskommentierte Regel oder ein "var(--x)" in content nicht als echte Nutzung zählt, und die letzte Deklaration eines Blocks wird auch ohne Semikolon gelesen.
Eine benutzerdefinierte Eigenschaft ist eine Deklaration, deren Name mit zwei Bindestrichen beginnt - egal wo: in :root, in einer Klasse oder in einer Media Query. Der Wert reicht bis zum ersten Semikolon oder bis zur schließenden Klammer, sodass die letzte Deklaration eines Blocks auch ohne Semikolon gelesen wird und ein Wert mit Klammern wie rgb(0, 0, 0) vollständig bleibt.
Verweise sind var()-Aufrufe, und der Tokenname unterscheidet Groß- und Kleinschreibung: --Brand und --brand sind zwei verschiedene Token, genau wie im Browser. Der Funktionsname unterscheidet nicht, VAR(--x) zählt also mit, und ein var() im Fallback eines anderen Aufrufs erscheint separat. Ein Fallback zählt nur mit Inhalt: var(--x,) macht die Deklaration ungültig, wenn --x fehlt, und wird daher wie ein Aufruf ohne Fallback behandelt.
Die Kennzahlen zählen Definitionen, Verweise und Prüfpunkte; die Karte zeigt je Token, wie oft er definiert ist, wie viele var()-Aufrufe ihn nutzen und wie viele davon einen brauchbaren Fallback mitbringen - als Verhältnis. Ein definierter, aber nicht verwendeter Token wird als ungenutzt gemeldet, ein zweimal deklarierter als mögliche Überschreibung; beide Meldungen sagen, dass der Maßstab der eingefügte Text ist.
Ein Verweis ohne Definition und ohne Fallback ist der einzige Befund, der im Browser immer bricht, und der einzige, der als Fehler gemeldet wird. CSS ganz ohne benutzerdefinierte Eigenschaft gilt ebenfalls nicht als bestanden: Die Seite sagt, dass nichts gefunden wurde, statt zu behaupten, dass alles abgedeckt ist.
Die Analyse ist bewusst textuell: Sie löst keine Selektor-Gültigkeit, Vererbung oder Kaskade auf und berechnet nicht, was der Browser zur Laufzeit verwenden würde. Ein Token aus einer anderen Datei, aus JavaScript oder aus einem Designsystem erscheint hier als undefiniert, und ungenutzt heißt ungenutzt in diesem Text, nicht im ganzen Projekt.
Alles läuft im Browser; der eingefügte Text wird nicht hochgeladen und löst keine Anfrage aus, und das Werkzeug arbeitet auch offline. Kopieren und Herunterladen bleiben gesperrt, solange kein Bericht existiert, damit eine leere Zwischenablage oder eine Datei mit null Bytes nicht für ein Ergebnis gehalten wird.