Czy istnieją jakieś dobre podejścia, które pomogą zidentyfikować nieużywane definicje css w projekcie? Pobierano kilka plików css i teraz próbuję trochę posprzątać.
css
performance
optimization
code-cleanup
jswanson
źródło
źródło
Odpowiedzi:
Spójrz na rozszerzenie Firefox Dust-Me na https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .
źródło
Narzędzia dla programistów Chrome mają kartę Audyty , która może pokazywać nieużywane selektory CSS.
Przeprowadź audyt, a następnie w obszarze Wydajność strony internetowej zobacz Usuwanie nieużywanych reguł CSS
źródło
Właśnie znalazłem tę stronę - http://unused-css.com/
Wygląda dobrze, ale musiałbym dokładnie sprawdzić wygenerowany „czysty” css przed przesłaniem go na którąkolwiek z moich stron.
Podobnie jak w przypadku wszystkich tych narzędzi , muszę sprawdzić, czy nie usuwa identyfikatorów i klas bez stylu, ale jest używanych jako selektory JavaScript.
Poniższa treść pochodzi ze strony http://unused-css.com/, więc pochwal ich za polecanie innych rozwiązań:
źródło
Google Page Speed może to zrobić dla Ciebie (w rzeczywistości robi znacznie więcej niż tylko mówienie, który CSS jest nieużywany). W FireFox jest dostępny jako dodatek FireBug. Jest też wersja online.
źródło
Lepszy CSS Minifier w C # zrzuca zbędne style;
Z tym też chciałbyś użyć Dust-Me.
Pamiętaj, że jeśli jest jakaś treść, która nie jest obecnie widoczna dla mnie, możesz wyrzucić potrzebne style.
EDYCJA: link został uszkodzony, ale archive.org ma zarówno stronę, jak i kod.
źródło
Wykorzystanie CSS
Rozszerzenie Firebug, aby zobaczyć, które reguły CSS są faktycznie używane.
Użycie CSS to rozszerzenie Firebug (dlatego jest konieczne, aby mieć zainstalowany Firebug), który pozwala poznać nieużywane reguły stylu CSS. Określa CSS, którego używasz, a których nie używasz. Pozwala wskazać, które niepotrzebne części można usunąć. Zdecydowanie powinieneś użyć tego dodatku, aby pliki CSS były tak lekkie, jak to możliwe.
źródło
Wygląda na to, że ktoś zaktualizował selektory DustMe do współpracy z Firefoksem pod nową nazwą - „CSS Roundup” http://blog.brothersmorrison.com/?p=198
źródło
Użyj Internet Explorer Developer Toolbar , s Widok> CSS selektor pasuje : Zobacz raport wszystkich zasad określonych stylów i ile razy są one wykorzystywane na bieżącej stronie.
źródło
Sprawdź Google PageSpeed dla Firefoksa . Robi to i cały ładunek więcej.
Najwyraźniej wtyczka Chrome również jest w fazie rozwoju.
źródło