Bir projede kullanılmayan css tanımlarını tanımlamaya yardımcı olacak iyi yaklaşımlar var mı? Bir sürü css dosyası içeri çekildi ve şimdi işleri biraz temizlemeye çalışıyorum.

Https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ adresindeki Firefox eklentisi Dust-Me'ye bir göz atın .

Chrome Geliştirici Araçları , kullanılmayan CSS seçicilerini gösterebilen bir Denetimler sekmesine sahiptir.

Bir denetim gerçekleştirin, ardından Web Sayfası Performansı altında Kullanılmayan CSS kurallarını kaldırma konusuna bakın.

Bu siteyi yeni buldum - http://unused-css.com/

İyi görünüyor ama iyice benim sitelerden herhangi birine yüklemeden önce onun çıktı 'temiz' css kontrol etmek gerekir.

Ayrıca tüm bu araçlarda olduğu gibi stil ve kimlik olmadan sınıfları şerit yoktu ama JavaScript seçici olarak kullanılır kontrol etmek gerekir.

Aşağıdaki içerik http://unused-css.com/ adresinden alınmıştır, bu nedenle diğer çözümleri önerdikleri için onlara teşekkür ederiz:

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 dosyanızın yolunu sağlamanız gerekiyor. Program daha sonra kullanılmayan CSS seçicileri listeleyecektir. Ekran görüntüsünde, bu listeyi dışa aktarmanın veya yeni bir temiz CSS dosyası indirmenin bir yolu yok gibi görünüyor. Hizmetin bir CSS dosyasıyla sınırlı olduğu da görünü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 stil sayfalarındaki tüm seçicileri ayıklar, sonra bu seçicilerin hangilerinin kullanılmadığını görmek için o sayfayı analiz eder. Daha sonra veriler saklanır, böylece sonraki sayfaları test ederken seçiciler karşılaşıldıkça listeden çıkartılabilir. Bu aracın tüm bir web sitesini örümcek olması gerekiyordu ama maalesef çalışmasını sağlayabilirim. Ayrıca, stilleri kaldırılmış olarak CSS dosyasını yapılandırabileceğinize ve indirebileceğinize inanmıyorum.

Topstyle , CSS'yi düzenlemek için bir dizi araç içeren bir windows uygulamasıdır. Çok fazla test etmedim, ancak kullanılmayan CSS seçicilerini kaldırma yeteneğine sahip gibi görünüyor. Bu yazılımın maliyeti 80 USD'dir.

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

Deadweight bir CSS kapsama aracıdır. Bir dizi stil sayfası ve bir dizi URL verildiğinde, hangi seçicilerin gerçekten kullanılacağını ve hangilerinin "güvenli" olarak silinebileceğini listeler. Bu araç bir yakut modülüdür ve sadece raylar web sitesi ile çalışacaktır. Kullanılmayan seçicilerin CSS dosyasından manuel olarak kaldırılması gerekir.

Helyum CSS, bir web sitesindeki birçok sayfada kullanılmayan CSS'yi keşfetmek için bir javascript aracıdır. Önce javascript dosyasını test etmek istediğiniz sayfaya yüklemeniz gerekir. Ardından, temizliği başlatmak için bir helyum fonksiyonu çağırmanız gerekir.

UnusedCSS.com kullanımı kolay arayüzü ile bir web uygulamasıdır. Bir sitenin URL'sini yazdığınızda, CSS seçicilerinin bir listesini alırsınız. Her seçici için bir sayı, seçicinin kaç kez kullanıldığını gösterir. Bu hizmetin bazı sınırlamaları vardır. @İmport deyimi desteklenmez. Yeni temiz CSS dosyasını yapılandıramaz ve indiremezsiniz.

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

Google Page Speed bunu sizin için yapabilir (aslında size hangi CSS'in kullanılmadığını söylemekten çok daha fazlasını yapar). FireFox'ta, FireBug eklentisi olarak kullanılabilir. Sonra da çevrimiçi bir sürümü var.

C # daha iyi bir CSS Minifier gereksiz stilleri döker;

Bununla birlikte Dust-Me'yi de kullanmak istersiniz.

Unutmayın, şu anda toz tarafından görünmeyen bir içerik varsa, ihtiyacınız olan stilleri atabilirsiniz.

EDIT: bağlantı koptu ama archive.org hem sayfa hem de kod var.

CSS Kullanımı

Hangi CSS kurallarının gerçekten kullanıldığını görmek için Firebug uzantısı.

CSS Kullanımı, kullanılmayan CSS stil kurallarını bilmenizi sağlayan Firebug (Firebug'un kurulu olması için gereklidir) için bir uzantıdır. Kullandığınız ve kullanmadığınız CSS'yi tanımlar. Hangi gereksiz parçaların çıkarılabileceğini göstermenizi sağlar. CSS dosyalarınızı olabildiğince hafif tutmak için bu eklentiyi kesinlikle kullanmalısınız.

Birisi yeni bir adla Firefox ile çalışmak için DustMe Seçicileri güncelledi - 'CSS Roundup' http://blog.brothersmorrison.com/?p=198

Internet Explorer Geliştirici Araç Çubuğunu Kullanın , Görünüm> CSS Seçici Eşleşmeleri : Ayarlanan tüm stil kurallarının ve geçerli sayfada kaç kez kullanıldıklarının raporunu görüntüleyin.

Check out Firefox için Google'ın Sayfa Hızı . Bunu yapar ve bir sürü daha yükler.

Görünüşe göre bir Chrome eklentisi de geliştirilme aşamasında.