Bu seçeneğin benim orijinal tavsiyemden daha iyi olduğunu düşündüğümü söylemeliyim; ilk tavsiyem hızlı bakmak için harikaydı, bu, sürüm paketleri oluşturmak için daha iyidir.

UnCSS ve özellikle öneriyi dayandırdığım şey Grunt sarmalayıcı UnCSS için; Bu, elbette mükemmel otomasyon için Grunt inşa sistemine entegre olur.

Oldukça fazla özelleştirme seçeneği vardır ( ayrıntılı olarak listelenmiştir) ve kaynak olarak hem yerel hem de uzak css dosyalarını destekler.

Grunt 'da kullanıyorsanız, bunu otomatik olarak yapmak için grunt-processhtml ile birlikte kullanmanızı öneririm. sayfalarınız yeni birleştirilmiş ve temizlenmiş css dosyalarına başvuruyor.

Nasıl kullanıyorum: (gruntfile.js kodumun bir parçası)

  homurtu. initConfig ({pkg: grunt.file.readJSON ('package.json'), uncss: {main: {options: {report: 'gzip'}, dosyalar: {'<% = grunt.option ("outpath")% > / css / cleaner.css ':' <% = src_files_html% > ',}}}, processhtml: {main: {options: {strip: false}, dosyalar: [{expand: true, cwd:' ', s rc: '<% = src_files_html% >', dest: '<% = grunt.option ("outpath")% >'}]}}  

ve sonra html dosyamda I buna sahip olun:

  <! - build: css ./css/cleaned.min.css --> <link rel = "stylesheet" href = "// netdna.bootstrapcdn.com/bootstrap /3.1.1/css/bootstrap.min.css"> <link rel = "stylesheet" href = "// netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap-theme.min.css">Link < = "./ css / style.css" rel = "stylesheet" > <! - / build -->  

şu şekilde dönüştürülür:

  <link rel = "stylesheet" href = "./ css / cleaner.min.css" >  

ve CSS bir lot performans ve mobil bant genişliği için daha küçük ve daha iyi.

Harika bir seçeneğim var - en azından onu çok seviyorum - ne bir web uygulaması ne de bir Linux uygulaması olsa da.

Firefox eklentisi CSS Kullanımı 'nı öneririm - Firefox ve Firefox eklentisi Firebug gerektiriyor.

Kullanım :

• sadece sayfayı (web, localhost (resmimdeki gibi) veya hatta sadece dosya sistemi aracılığıyla yükleyin,
• firebug konsolunu açın ve css kullanım sekmesine tıklayın
• SCAN
'yi tıklayın ve temizlenmiş css'yi dışa aktarmak istiyorsanız (yalnızca dosya sisteminden güvenilir bir şekilde çalışır - ancak bu, eklentiye küçük bir düzeltme olabilir - bazen yapabilirim) .

Maalesef dışa aktarılan temizlenmiş css'de bazı sıkıntılar var; bazı kurallar silinmiş (iyi) ancak bazılarının önüne UNUSED eklenmiştir. Bunları da silin ancak şu anda olduğuna inanmıyorum (en azından eğer öyleyse hiç bulamadım).

Her zaman yaptığım bir çözüm olarak şunu kopyalayıp şuraya yapıştırmak: Notepad ++ ve aramayı kullandı nd arama dizesi olarak şu normal ifadeyle değiştirin: UNUSED \ .. *? \} (ve seçin. yeni satırlarla ) eşleşir ve bunlardan kurtulmak için boş bir değiştirme. - Sublime'da aynısını yapmak için normal ifadeniz olarak (? s) UNUSED \ .. *? \} kullanırsınız. Diğer birçok iyi metin editörünün benzer işlevleri olmalıdır.

Bu tarayıcı tabanlı çevrimiçi kullanılmayan CSS kaldırma aracını yaptım.

Özellikler:

1. Tarayıcı tabanlı. Yüklenecek bir şey yok.
2. CSS'yi birden çok url'ye göre denetler.
3. CSS dosyasındaki öğeleri manuel olarak seçmek / seçimi kaldırmak için seçenekler sunar.
4. İndirilebilir ve şurada çalıştırılabilir: sınırsızURL'ler için localhost
5. Açık Kaynak Kodu

Sorumluluk Reddi: Kodun yazarıyım.

IntelliJ IDEA bazı güçlü web geliştirme özelliklerine sahiptir:

• Windows / Mac / Linux ile çalışır
• kullanılmayan CSS sınıfı tanımlarını tespit eder

Web geliştirme özelliklerine erişebilmek için Ultimate Edition'a sahip olmanız gerekir (proje sorumlusuysanız veya açık kaynak kodlu bir projede düzenli işleyen).

Bunun için ücretsiz bir çevrimiçi araç yazdık: KullanılmayanCSS

Web sitenizi yinelemeli olarak tarar (dahili bağlantıları izleyerek) ve kullanılmayan seçicileri bulur (diğer birçok araç yalnızca bir sayfayı işler) .

Firebug eklentisini CSS Kullanımı daha önce birkaç projede kullandım - tek dezavantajı, hangi stillerin kullanımda olduğunun doğru bir haritasını elde etmek için sitenizin tamamına manuel olarak göz atmanız gerektiğidir .

Bununla birlikte, css dosyalarınızın mevcut stil sayfalarınızı değiştirmek için kullanabileceğiniz basitleştirilmiş sürümlerini verecektir.