2011-09-13 48 views
6

Size ne yapmaya çalıştığımı anlatabilmek için, OOCSS Framework bir ton ders kullanıyor, ~ 2.5 mega civarında bir mobil siteyi paketlemek üzereyim ve kullanılmayan tüm dersleri kaldırmak istiyorum dosyalardan. Tabii ki, el ile yapabilirdim ama bu gibi bir şey gelecek için var olsaydı çok daha kolay olurdu.Kullanılmayan sınıfları çerçevelerden kaldıran bir Uygulama var mı?

cevap

6

Bu görüntülediğiniz sayfadaki tüm stil tüm seçicileri ayıklar Dust Me Selectors

adında bir Firefox eklentisi vardır, o zaman kullanılmayan bu seçiciler hangi görmek için bu sayfayı da inceler. Veriler daha sonra kullanıcı tercihlerinizde saklanır, böylece bir sitenin etrafında gezinmeye devam ettiğinizde, seçmenler karşılaştıkları gibi listeden kaldırılır. Sitenizde hangi seçicilerin kullanılmadığını gösteren bir profille sonuçlanacaksınız.

veya vermek Kullanılmayan Css bir Kullanılmayan Css sitesinden

http://unused-css.com/


deneyin:

Latish Sehgal, kullanılmayan CSS sınıflarını bulmak ve kaldırmak için bir windows uygulaması yazmıştır. Test etmedim ama açıklamadan, html dosyalarınızın ve bir CSS dosyasının yolunu sağlamanız gerekiyor. Program kullanılmayan CSS seçicilerini listeler. Ekran görüntüsünden, bu listeyi dışa aktarmanın veya yeni bir temiz CSS dosyası indirmenin bir yolu yok gibi görünüyor. Ayrıca hizmetin bir CSS dosyasıyla sınırlı olduğu anlaşılıyor. Temizlemek istediğiniz birden fazla dosyanız varsa, bunları tek tek temizlemeniz gerekir.

Dust-Me Selectors, kullanılmayan CSS seçicilerini bulan bir Firefox eklentisidir (v1.5 veya üstü için). Görüntülediğiniz sayfadaki tüm sayfa sayfalarındaki tüm seçicileri ayıklar, ardından bu seçicilerin hangisinin kullanılmadığını görmek için bu sayfayı analiz eder. Daha sonra veriler, sonraki sayfaları test ederken, seçmenlerin karşılaştıkları gibi listeden çıkarılabileceği şekilde saklanır. Bu araç tüm bir web sitesini örtebiliyor olmalıydı ama ne yazık ki işe yaratabilirim. Ayrıca, CSS dosyasını kaldırılan stillerle yapılandırabileceğinizi ve indirebileceğinizi sanmıyorum.

Topstyle, CSS'yi düzenlemek için bir takım araç içeren bir windows uygulamasıdır. Çok fazla test etmedim ama kullanılmayan CSS seçicilerini kaldırabiliyor gibi görünüyor. Bu yazılım 80 USD.

Liquidcity CSS temizleyici, bir sayfanın stillerini denetlemek için normal ifadeler kullanan bir php betiğidir. HTML kodunda bulunmayan sınıfları size söyleyecektir. Bu çözümü test etmedim. CSS kapsama aracı

Deadweight. Bir dizi stil sayfası ve bir dizi URL verildiğinde, hangi seçicilerin gerçekte kullanıldığını ve "güvenli" olarak silinen listeleri belirler. Bu araç bir yakut modülüdür ve sadece raylar web sitesiyle çalışacaktır. Kullanılmayan seçiciler CSS dosyasından manuel olarak kaldırılmalıdır.

Helium CSS Bir web sitesinde birçok sayfa boyunca kullanılmayan CSS'yi bulmak için bir javascript aracıdır.Önce javascript dosyasını test etmek istediğiniz sayfaya yüklemeniz gerekir. Daha sonra, temizlemeye başlamak için bir helyum işlevini çağırmalısınız.

UnusedCSS.com kullanımı kolay bir arayüze sahip bir web uygulamasıdır. Bir sitenin URL'sini yazın ve CSS seçicilerinin bir listesini alacaksınız. Her bir seçici için, bir sayı, bir seçicinin kaç kez kullanıldığını gösterir. Bu servisin birkaç kısıtlaması vardır. @import ifadesi desteklenmiyor. Yeni temiz CSS dosyasını yapılandıramaz ve indiremezsiniz.

CSSESS, herhangi bir sitede kullanılmayan CSS seçicilerini bulmanıza yardımcı olan bir yer imi niteliğindedir. Bu aracın kullanımı oldukça kolaydır, ancak temiz CSS dosyalarını yapılandırmanıza ve indirmenize izin vermez. Sadece kullanılmayan CSS dosyalarını listeler.

+0

Oh, bahsetmeyi unuttum. Dust-me, FF v6.0.2 – Xeo

+1

ile günümüzde uyumlu değil, her 6 ayda bir ana sürümü değiştirdiklerinden FF'ye ayak uydurmak zor: / – balexandre

İlgili konular