Wie können Sie CSS-Verwendungen zuverlässig verfolgen?

8

Meine Umgebung ist Visual Studio 2010 mit Resharper 6.0. Ich habe eine große Website mit vielen CSS-Dateien mit vielen Stilen.

Ich möchte diese aufräumen, da viele von ihnen nicht mehr verwendet werden. Ich habe bemerkt, dass Resharper Ihnen erlaubt, Verwendungen zu verfolgen, aber offensichtlich kann dies die CSS-Klassenspezifikationen in Code-behind usw. verkennen.

Meine einzige Lösung ist, in VS eine Suche in Dateien durchzuführen, aber offensichtlich, wenn Sie eine große Anzahl von Stilen haben, erweist sich dies als zu langsam und umständlich.

Hat jemand eine ähnliche missliche Lage?

BEARBEITEN: Es ist erwähnenswert, dass die Seite ein CMS mit ungefähr 10.000 Seiten ist, so dass alles, was das Durchsuchen von Seiten erfordert, auch etwas knifflig sein kann.

    
Mantorok 31.10.2011, 16:03
quelle

3 Antworten

3

Es gibt eine firefox Erweiterung namens Meine Auswahlliste das tut das. Sie aktivieren es und navigieren dann zu jeder Seite. Es verfolgt alle verwendeten CSS. Sie spucken eine neue CSS-Datei mit allen verfolgten CSS-Stilen aus.

    
Amir Raminfar 31.10.2011 16:06
quelle
2

Die Web Essentials Visual Studio-Erweiterung verfügt über eine BrowserLink-Funktion, mit der unbenutzte CSS-Inhalte auf Ihrer Website während des Browsens verfolgt werden können um die Website.

    
mreyeros 25.09.2014 14:57
quelle
2

Eine Möglichkeit, das zu tun, besteht darin, Ihre Website in einem kopflosen Browser wie PhantomJS auszuführen und die angewendeten Stile zu überprüfen, um diejenigen zu entfernen, die nicht verwendet werden.

Glücklicherweise gibt es ein nettes Tool, das auf dem Knoten uncss aufbaut und genau das tut:

Ссылка

Ich habe es hier gefunden:

Ссылка

Wenn ich all diese Seiten durchblättere, weiß ich nicht, wenn Sie alle möglichen URLs erzeugen können, dann können Sie den Prozess automatisieren.

Probieren Sie es aus und lassen Sie es mich wissen, wenn es hilft.

    
coma 27.09.2014 09:50
quelle

Tags und Links