17
Gibt es eine Möglichkeit, ungenutztes CSS in einer Website zu finden?Gibt es eine Möglichkeit, ungenutztes CSS in einer Website zu finden?
Ich versuche, ein Projekt zu bereinigen, das ich gerade geerbt habe.
A
Antwort
29
Dust-me Selectors ist ein Firefox-Plugin, das nicht verwendete Selektoren findet.
2
Ich lief in diesem und Ihre Frage erinnert: http://github.com/geuis/helium-css
0
Es gibt so viel, das über Best-Practice-Methoden für CSS gesagt werden kann. Ich werde versuchen, bei den Hauptpunkten zu bleiben.
Verwenden Sie einen CSS-Reset.
Versuchen Sie, wirklich allgemeine CSS-Anweisungen wie h1 {} und #container em {} zu entfernen. Sie sind viel besser dran mit h1.section-title und , weil auf diese Weise, wenn Sie wählen, h1 oder em eine andere Art und Weise irgendwo in Ihrem Dokument zu verwenden, müssen Sie sich keine Sorgen über bestehende Code überschreiben.
Seien Sie nicht zu spezifisch in Ihren CSS-Selektoren, wenn Sie nicht müssen. Sie müssen wirklich nur einen hohen Grad an Spezifität haben, wenn Sie in einem bestimmten Bereich die Darstellung des Elements ändern. Andernfalls, um Ihren Code für Ihre block Klasse wiederverwendbar zu machen, könnte #container .content .block ... in vielen Fällen auf .block ... reduziert werden.
Suchen Sie nach Gemeinsamkeiten in Ihrem CSS und sehen Sie, ob Sie wiederverwendbare Klassen erstellen können. Wenn Sie ähnliche Blöcke haben class="favorites" und class="popular", drehen Sie es in class="block block-favorites" und class="block block-popular", und setzen Sie die Gemeinsamkeiten in .block.
Gewöhnen Sie sich an, dass Bereiche in Ihrem CSS eine automatische Breite haben (dies kann implizit erfolgen), so dass sie auf die Breite Ihrer Container anwachsen. Dies macht es unglaublich einfach, Abschnitte von einem engen Teil Ihrer Website zu einem großen Teil Ihrer Website zu verschieben, ohne Code ändern zu müssen.
Wenn Sie Ihren Code kommentieren und in Abschnitte unterteilen, hilft das normalerweise, den Code lesbarer zu machen.
Sie wären überrascht, wie viel sauberer Ihr Code aussieht, wenn Sie leistungsfähigere CSS-Selektoren implementieren. Die meisten von ihnen sind Cross-Browser-kompatibel (Internet Explorer 7 und höher).
Einige wertvolle Ressourcen: When can I use... - Quirks Mode on CSS Selectors - w3 on CSS Selectors
Antwort bewegt von:
Best Practices for Cleaning up Existing CSS/unused styles
0
Chrome 59 für CSS und JavaScript seit 2017-04 Einbau-Abdeckung Display hat: https://developers.google.com/web/updates/2017/04/devtools-release-notes#coverage
Sie können es aktivieren, indem Sie die Dev-Tools öffnen, dann den Befehl me nu (Cmd+Shift+P auf Mac oder Ctrl+Shift+P unter Windows und Linux), und geben Sie dann "show coverage" ein.
Verwandte Themen
- 1. Gibt es eine Möglichkeit, HTML/CSS/BILDER zu bündeln?
- 2. Gibt es eine schmerzfreie Möglichkeit, eine "css sandbox" zu erstellen?
- 3. Gibt es eine Möglichkeit, eine offene Auswahlbox in CSS auszuwählen?
- 4. Gibt es eine Möglichkeit herauszufinden, woher eine CSS-Regel kommt?
- 5. Gibt es eine Möglichkeit, automatisch einen Screenshot einer Website über eine URL zu erstellen?
- 6. In VS2008, für FTP-Publishing einer Website, gibt es eine Möglichkeit, FTP-Anmeldepasswort zu speichern?
- 7. Gibt es eine Möglichkeit, Medien Druck CSS zu einer normalen Ansicht zu aktivieren?
- 8. Gibt es eine Möglichkeit, eine Tabelle in einer DBML-Datei in Visual Studio 2008 zu finden?
- 9. Gibt es eine Möglichkeit zu finden, wo PATH eingestellt wurde?
- 10. Gibt es eine Möglichkeit, das n-te Zeichen zu finden?
- 11. Gibt es eine Möglichkeit, os Namen mit Java zu finden?
- 12. Gibt es eine Möglichkeit, Webkonsolenfehler zu erkennen?
- 13. Gibt es eine Möglichkeit, Chrome iOS CSS zu sehen?
- 14. Gibt es eine Möglichkeit, Selektoren zu gruppieren?
- 15. Gibt es eine Möglichkeit, Fenstereigenschaften zu verbergen?
- 16. Gibt es eine Möglichkeit, Creeps zu löschen?
- 17. Gibt es eine Möglichkeit, die Geschwindigkeit einer ScrollView zu berechnen?
- 18. Gibt es eine Möglichkeit, die Bildlaufleisten in IE8 zu verbergen?
- 19. Gibt es eine Möglichkeit, ConfigurationManager.AppSettings zu überschreiben?
- 20. Gibt es eine Möglichkeit, Datenbanktransaktionen zu beschleunigen?
- 21. Gibt es eine Möglichkeit, CSS-Attribute speziell für IE8,7,6 in einer CSS-Datei geschrieben
- 22. Gibt es eine Möglichkeit, das letzte Änderungsdatum einer eingebetteten Ressource in .NET zu finden?
- 23. Gibt es eine Möglichkeit, die Zeilen-/Spaltenräume einer Matrix in R zu finden?
- 24. Gibt es eine Möglichkeit, eine Datei in Subversion zu "kleben"?
- 25. Gibt es eine Möglichkeit, das n-te Element in einer Liste mit CSS zu verbergen?
- 26. Gibt es eine andere Möglichkeit, eine Website ohne FTP zu bekommen?
- 27. Gibt es eine Möglichkeit, dies zu loopen?
- 28. Gibt es eine Möglichkeit, Typdeklarationen zu erweitern?
- 29. Gibt es eine Möglichkeit, Zeile für Zeile von einer Website zu lesen?
- 30. Gibt es eine Möglichkeit, Text von einer Flash-basierten Website zu extrahieren?
Ich habe das verwendet. Empfohlen. – hughdbrown
ehrfürchtiger Name! Hier ist, was es für diejenigen referenziert, die es nicht bekommen: http://www.youtube.com/watch?v=8gWEPnmYy6s – nickf
Danke!Gleichzeitig in Lesezeichen gespeichert. – MaxVT