Gibt es eine Möglichkeit, verwaiste Klassen in einer Webanwendung zu identifizieren, die mit HTML, JavaScript und CSS erstellt wurde?

8

Ich habe versucht, mich mit der Webentwicklung zu beschäftigen. Ein Teil dieses Prozesses bestand darin, die Dinge auf meiner Website schrittweise zu optimieren und mit jeder schrittweisen Änderung etwas Neues zu lernen.

Das Problem, auf das ich dabei stoße, ist, dass ich mit der Weiterentwicklung der Website meine HTML-Elemente ablege und neue Klassen hinzufüge. Wenn ich diese Selektoren in meinem HTML-Code erstelle, richte ich sie natürlich auf mein JavaScript oder mein CSS aus, aber am Ende gehe ich oft mit Elementen fort. Dadurch bleiben verwaiste Verweise auf diese Selektoren in meinem JavaScript und meinem CSS sowie unnötige / nicht referenzierte Klassen und IDs im HTML.

Meine Frage ist, gibt es ein Dienstprogramm, das ich verwenden kann, um diese verwaisten Selektoren in meinem CSS, HTML und JavaScript * zu identifizieren, so dass ich diese Dateien sicher bereinigen kann? Die bisher vorgeschlagenen Lösungen sind großartig, um unnötige Selektoren in meinem CSS zu finden, aber sie scheinen mir nicht dabei behilflich zu sein, unnötige Klassen oder IDs in meinem HTML zu identifizieren, was ich auch gerne tun würde. Gibt es etwas, das wie beschrieben funktioniert?

* Es klingt wie für JavaScript / JQuery gibt es Methoden, aber für meine Zwecke ist mein JavaScript sauber genug, dass ich es ohne Hilfe reinigen kann, also ist es in Ordnung, wenn der Fokus auf CSS und HTML liegt.

    
finiteloop 31.01.2013, 23:37
quelle

2 Antworten

2

Für CSS gibt es eine Firefox-Erweiterung, die nicht verwendete CSS-Selektoren auf einer Seite findet. Es hat eine Option, um die ganze Site zu spinnen. Version 3.01 sollte mit neueren Versionen von Firefox funktionieren.

Ссылка

Und hier ist eine andere Option.

Ссылка

für Javascript sind Sie ziemlich alleine. Wenn Sie jQuery verwenden, können Sie die $ () -Funktion überschreiben, indem Sie innerhalb dieser Funktion jQuery () aufrufen und den von jQuery zurückgegebenen Wert überprüfen / protokollieren, um sicherzustellen, dass alle Selektoren einige Ergebnisse zurückgeben. Aber es ist keine deterministische Art, Dinge zu tun.

    
basarat 31.01.2013 23:40
quelle
2

Ich benutze Dust-Me-Selektoren (offizielle Seite), um verwaiste Selektoren in meinem Code zu finden. Arbeiten für Firefox und Opera, leider glaube ich nicht, dass es JS oder PHP-Code suchen kann, aber HTML-Ausgabe suchen wird.

    
cryptic ツ 31.01.2013 23:40
quelle

Tags und Links