2011-09-13 13 views
6

Aby dać ci wyobrażenie o tym, co staram się zrobić, OOCSS Framework używa mnóstwa klas, mam zamiar spakować stronę mobilną, która ma około ~ 2,5 megka i chciałbym usunąć wszystkie nieużywane klasy z plików. Oczywiście, mógłbym to zrobić ręcznie, ale byłoby znacznie łatwiej, gdyby coś takiego istniało w przyszłości.Czy istnieje aplikacja, która usuwa nieużywane klasy ze struktur?

Odpowiedz

6

Jest to rozszerzenie do Firefoksa o nazwie Dust Me Selectors

wyodrębnia on wszystkie selektorów ze wszystkich stylów na oglądanej strony, a następnie analizuje tę stronę, aby zobaczyć, które z tych selektorów nie są używane. Dane są następnie przechowywane w preferencjach użytkownika, dzięki czemu podczas nawigacji po witrynie selektory zostaną skreślone z listy w miarę ich napotykania. Otrzymasz profil, którego selektory nie są używane w dowolnym miejscu na stronie.

lub dać Niewykorzystane Css spróbować

http://unused-css.com/


z niewykorzystanych strony CSS:

Latish Sehgal napisał aplikację systemu Windows, aby znaleźć i usunąć nieużywane klasy CSS. Nie testowałem tego, ale z opisu musisz podać ścieżkę do plików html i jednego pliku CSS. Program wyświetli listę nieużywanych selektorów CSS. Na zrzucie ekranu wygląda na to, że nie ma możliwości wyeksportowania tej listy lub pobrania nowego, czystego pliku CSS. Wygląda również na to, że usługa jest ograniczona do jednego pliku CSS. Jeśli masz wiele plików, które chcesz wyczyścić, musisz je wyczyścić jeden po drugim.

Dust-Me Selectors to rozszerzenie przeglądarki Firefox (dla wersji 1.5 lub nowszej), które znajduje nieużywane selektory CSS. Wydobywa wszystkie selektory ze wszystkich arkuszy stylów na wyświetlanej stronie, a następnie analizuje tę stronę, aby zobaczyć, które z tych selektorów nie są używane. Dane są następnie przechowywane tak, że podczas testowania kolejnych stron selektory mogą zostać skreślone z listy w miarę ich napotykania. To narzędzie ma być w stanie spider całej witryny, ale niestety może sprawić, że to działa. Ponadto nie sądzę, że można skonfigurować i pobrać plik CSS z usuniętymi stylami.

Topstyle to aplikacja dla systemu Windows zawierająca kilka narzędzi do edycji CSS. Nie testowałem go zbyt wiele, ale wygląda na to, że ma możliwość usunięcia nieużywanych selektorów CSS. To oprogramowanie kosztuje 80 USD.

Liquidcity CSS cleaner to skrypt php, który używa wyrażeń regularnych do sprawdzania stylów jednej strony. Pokaże Ci klasy, które nie są dostępne w kodzie HTML. Nie testowałem tego rozwiązania.

Deadweight to narzędzie do pokrycia CSS. Biorąc pod uwagę zestaw arkuszy stylów i zestaw adresów URL, określa on, które selektory są rzeczywiście używane oraz listy, które można "bezpiecznie" usunąć. To narzędzie jest modułem rubinowym i działa tylko z witryną szyn. Nieużywane selektory muszą zostać ręcznie usunięte z pliku CSS.

Helium CSS to narzędzie javascript służące do wykrywania nieużywanych arkuszy CSS na wielu stronach w witrynie sieci Web.Najpierw musisz zainstalować plik javascript na stronie, którą chcesz przetestować. Następnie musisz wywołać funkcję helu, aby rozpocząć czyszczenie.

UnusedCSS.com to aplikacja internetowa z łatwym w użyciu interfejsem. Wpisz adres URL strony, a otrzymasz listę selektorów CSS. Dla każdego selektora liczba wskazuje, ile razy selektor jest używany. Ta usługa ma kilka ograniczeń. Instrukcja @import nie jest obsługiwana. Nie możesz skonfigurować i pobrać nowego, czystego pliku CSS.

CSSESS to bookmarklet, który pomaga znaleźć nieużywane selektory CSS na dowolnej stronie. To narzędzie jest dość łatwe w użyciu, ale nie pozwala skonfigurować i pobrać czystych plików CSS. Wyświetli tylko nieużywane pliki CSS.

+0

Och, zapomniałem wspomnieć. Dust-me nie jest kompatybilny z FF v6.0.2 – Xeo

+1

w dzisiejszych czasach, trudno jest nadążyć za FF, ponieważ zmieniają główną wersję co 6 miesięcy: / – balexandre

Powiązane problemy