Ho una pagina che contiene più fogli di stile e la maggior parte degli stili in essa contenuti non sono effettivamente utilizzati nella pagina (obsoleto, ecc.). Vorrei esportare un nuovo foglio di stile contenente tutti gli stili sulla pagina che sono effettivamente in uso. C'è un modo per fare questo?Scopri quali stili CSS vengono utilizzati su una determinata pagina
risposta
Penso che questo sito Web faccia quello che vuoi: CSS Trashman. Ci vuole un po 'di tempo per funzionare, ma funziona. Ha ridotto il CSS del mio sito personale da 3,31 KB a 402 byte.
Se si preferisce utilizzare uno strumento da riga di comando, CSS Rationator alimenta CSS Trashman.
http://www.csstrashman.com/ reindirizza solo a https://github.com/begriffs/css-ratiocinator Data: 2015-04-02 –
Stavo cercando la stessa cosa e ho trovato un piccolo javascript per fare questo. Puoi verificarlo su https://github.com/mocanuga/unusedCSS – mocanuga
@mocanuga Come dovremmo usarlo? – Jordan
ho trovato questo: http://unused-css.com/
Caratteristiche
- Esplora le pagine del vostro sito automaticamente, trovare le selettori CSS inutilizzati e creare nuovi file pulito CSS è possibile scaricare
- Autentica ed esplorare le pagine che richiedono l'autenticazione. Quindi controllerà le regole CSS non utilizzate.
- ricerca di regole CSS in file JavaScript
- Personalizzare l'elenco dei selettori CSS per mantenere
- anteprima la modifica apportata al file CSS
comandi- Segui CSS importazione
- Impostare un agente utente per il crawler
Ma io non sono sicuro che questo sarebbe una buona idea, qualcosa come: JavaScript trigered selettori, visualizzazione contestuale, codice del layout condizionale ... Quindi, fate attenzione se y ou tentare di 'batch' lavorare i file .css.
Non esporta selettore usato, mostra solo non utilizzato = [ – ThomasReggi
Sembra impossibile ottenere i risultati senza pagare. – MECU
Ho avuto lo stesso problema, complicato dal fatto che le pagine che devo analizzare sono di sola accesso e per lavoro, quindi non posso fornire il mio login a un'app esterna (che è come le scansioni inutilizzate-css.com pagine dietro un muro di accesso).
ho trovato due estensioni di Chrome:
ho usato solo il primo, come ha fatto egregiamente. Ha contato gli elementi CSS nella pagina, mi ha detto quanti sono stati usati e non utilizzati e mi ha permesso di scaricare un foglio di stile di tutti gli elementi usati. Non sembrava includere funzionalità per sfogliare un sito e accumulare elementi visti, era solo una pagina per pagina, ma mi permetteva comunque di sfoltire 450 fino a 150.
Nel Chrome DevTools, c'è una scheda Audit che vi permetterà di eseguire una verifica pagina Web Prestazioni e visualizzato un elenco di regole CSS inutilizzati:
- 1. Come determinare quali database vengono utilizzati su SQL Server 2000
- 2. Quali pacchetti cabala non vengono utilizzati
- 3. Trova tutti gli stili CSS utilizzati sul sito Web
- 4. Specificità CSS - In che modo "it" decide quali stili applicare?
- 5. PacMan: quali tipi di euristica vengono principalmente utilizzati?
- 6. Gli stili CSS non vengono applicati a PDF con iTextSharp
- 7. Come scoprire quali stili vengono applicati al controllo?
- 8. Quali framework di test vengono utilizzati per Rails?
- 9. Quali schemi di progettazione vengono utilizzati nel framework Spring?
- 10. Script per trovare tutti i font utilizzati in una pagina
- 11. I CSS vengono utilizzati ovunque oltre ai browser Web?
- 12. Come trovare i file CSS usati per la pagina corrente
- 13. Scopri goniometro catena elemento CSS
- 14. Scopri quali funzioni utilizzano CPU intensamente
- 15. Stili CSS e sovrascrittura su elementi nidificati
- 16. Scopri quali flag stiamo creando con Setup.hs
- 17. È possibile aprire PDF con Preview.app su una determinata pagina?
- 18. pagina ASP.NET non viene caricato gli stili CSS
- 19. Quali metodi vengono utilizzati per visualizzare una matrice a 4 dimensioni?
- 20. reindirizzare a una determinata pagina anziché:
- 21. mancano stili css
- 22. Bibtex su una pagina Web?
- 23. Scopri quali funzioni sono state allineate
- 24. will_paginate scopri se sono sull'ultima pagina
- 25. Tutte le immagini di sfondo CSS vengono caricate anche se il CSS non viene applicato?
- 26. Stili css reattivi sui dispositivi mobili SOLO
- 27. Gli stili da generic.xaml non vengono applicati
- 28. Scopri quali risorse non stanno andando oltre HTTPS
- 29. Perché qui vengono utilizzati i lucchetti?
- 30. Quali tipi di documenti di progettazione scritti vengono utilizzati nei progetti DDD?
possibile duplicato del [c'è un modo per verificare quali stili CSS vengono utilizzati o non utilizzati su una pagina Web?] (http: // StackOverflow.it/questions/4361007/is-there-a-way-to-check-which-css-styles-are-being-used-or-not-used-on-a-web-pag) –
Ho trovato questo dupe by Cerca su google la tua domanda parola per parola. –
questo potrebbe essere d'aiuto: http://stackoverflow.com/questions/2224154/find-unused-images-css-rules-js-script-blocks –