Vorbeugende Tools für Tippfehler in Klassen- und ID-Namen

Question

Gibt es grundlegende Debugging-Tools für HTML/CSS/JavaScript, die helfen könnten, Tippfehler zu identifizieren?

Für Zeiten, in denen "#fron" "#from" sein sollte. Ich spreche nicht über den Code selbst, aber für Dinge wie Klassennamen und IDs.

Ich weiß, dass es robuste IDEs gibt, aber ich frage mich nur, ob es einige ziemlich einfache Tools oder Erweiterungen gibt, die mir einfach nicht bewusst sind.

Bevor ich hier eine Frage stelle, versuche ich, den Code gründlich zu überprüfen, aber ich bin mein eigener schlechtester Korrektor.

Answer 1

Zwei Dinge, die ich gefunden haben, nützlich zu sein, ist dies: http://blog.whatwg.org/vnu-parser-1-4

I Mitnahme- für die CSS verwenden: https://github.com/aanand/deadweight

Oder UCSS https://github.com/operasoftware/ucss

Und für meine Client-Seite Rendering Ich greife den Inhalt der Seite mit Phantomjs und führe ihn dann mit vnu und tadweight/ucss.

Answer 2

Ich würde sagen, überprüfen Sie dies auch. Habe die ersten beiden Beispiele durch die Konsole des Feuerwächters geführt und genau das bekommen, wonach du gesucht hast. Problem ist das erste (Ilia cholys) zeigt nur Klassen, obwohl es in einer Warnung ist. Das zweite Beispiel (MisterGreen's) ist viel sauberer, gibt Ihnen sowohl Klassen als auch IDs, spuckt sie aber in die Konsole und gibt Ihnen unnötige Ergebnisse. Probieren Sie es aus, wählen Sie eines aus. Keine Notwendigkeit, es in Ihre Seite zu kodieren. Worst Part könnte manuell alle durchgehen. How to get list of Css class use in the HTML file?