Como identificar definições de CSS não utilizados [fechado]

Question

Há algum bom se aproxima para ajudar a identificar definições de CSS não utilizadas em um projeto? Um monte de arquivos CSS foram puxado e agora estou tentando coisas limpar um pouco.

Answer 1

Dê uma olhada no Firefox extensão Poeira-Me em https://addons.mozilla.org/en-US/firefox/addon/dust-me-selectors/ .

Answer 2

Chrome Developer Tools tem uma Auditorias que pode mostrar seletores CSS não utilizadas.

Executar uma auditoria e, em seguida, em Web desempenho da página veja Remover regras CSS não utilizadas

Answer 3

Eu só descobri este site - http://unused-css.com/

Parece bom, mas eu preciso verificar cuidadosamente o seu css emitido 'limpo' antes de enviá-lo para qualquer um dos meus sites.

Além disso, como com todas essas ferramentas Eu preciso verificar isso não tira id de e aulas sem estilo, mas são usados ??como seletores de JavaScript.

O conteúdo a seguir é retirado http://unused-css.com/ assim crédito a eles para recomendando outras soluções:

latish Sehgal tem escrito um aplicativo do Windows para encontrar e remover classes CSS não utilizadas. Eu não testei, mas a partir da descrição, você tem que fornecer o caminho de seus arquivos HTML e um arquivo CSS. O programa irá, em seguida, listar os seletores CSS não utilizadas. A partir da imagem, parece que não há nenhuma maneira de exportar esta lista ou baixar um novo arquivo CSS limpo. Também parece que o serviço é limitado a um arquivo CSS. Se você tiver vários arquivos que você deseja limpo, você tem que limpá-los um por um.

Poeira-Me Seletores é uma extensão do Firefox (para v1.5 ou mais recente) que encontra não utilizados seletores CSS. Ele extrai todos os seletores de todas as folhas de estilo na página que você está vendo, então analisa essa página para ver qual desses seletores não são utilizados. Os dados são então armazenados de forma que ao testar as páginas subseqüentes, seletores pode ser atravessado fora da lista como eles são encontrados. Esta ferramenta é suposto ser capaz de aranha um site inteiro, mas eu, infelizmente, poderia fazê-lo funcionar. Além disso, eu não acredito que você pode configurar e baixar o arquivo CSS com os estilos removidos.

TopStyle é uma aplicação de Windows, incluindo um monte de ferramentas para editar CSS. Eu não testei muito, mas parece que ele tem a capacidade de seletores CSS não utilizadas removidos. Este software custa 80 dólares.

Liquidcity CSS mais limpo é um script php que usa expressões regulares para verificar os estilos de uma página. Vai dizer-lhe as classes que não estão disponíveis no código HTML. Eu não testei essa solução.

Deadweight é uma ferramenta de cobertura de CSS. Dado um conjunto de folhas de estilo e um conjunto de URLs, que determina quais seletores são realmente utilizados e listas que podem ser "com segurança" excluído. Esta ferramenta é um módulo de rubi e só funcionará com o site rails. Os seletores não utilizados têm de ser removido manualmente a partir do arquivo CSS.

Hélio CSS é uma ferramenta javascript para descobrir CSS não utilizado em várias páginas em um Web site. Você primeiro tem que instalar o arquivo javascript para a página que você deseja testar. Então, você tem que chamar uma função de hélio para iniciar a limpeza.

UnusedCSS.com é a aplicação web com um fácil de interface de uso. Digite o URL de um site e você receberá uma lista de seletores CSS. Para cada seletor, um número indica quantas vezes um seletor é usado. Este serviço tem algumas limitações. A declaração @import não é suportado. Não é possível configurar e baixar o novo arquivo CSS limpo.

CSSESS é um bookmarklet que ajuda a encontrar seletores CSS não utilizadas em qualquer site. Esta ferramenta é muito fácil de usar, mas não vai deixar você configurar e baixar arquivos CSS limpas. Ele só irá listar arquivos CSS não utilizadas.

Answer 4

Google Page Speed ?? pode fazer isso para você (ele realmente faz um lote inteiro mais do que apenas dizer-lhe que CSS não é utilizada). No Firefox, é disponível como um Firebug add-on. Depois, há uma versão online também.

Answer 5

a Better CSS Minifier em C # despeja estilos redundantes;

Você também iria querer usar Poeira-Me com isso.

Tenha em mente, se houver qualquer conteúdo que não está visível para dust-me, você pode jogar fora estilos que você precisa.

EDIT:. Vínculo foi quebrado, mas archive.org tem tanto a página e o código

Answer 6

CSS Uso

extensão Firebug para visualizar quais as regras CSS são realmente utilizados.

Uso CSS é uma extensão para Firebug (assim necessário ter Firebug instalado) que permite que você saiba as regras de estilo CSS não utilizadas. Ele identifica o CSS você usar e não usar. Ele permite que você apontar o que partes desnecessárias podem ser removidas. Você deve definitivamente usar este add-on para manter seus arquivos CSS tão leves quanto possível.

Answer 7

Parece que alguém atualizados DustMe Seletores de trabalho com o Firefox novamente sob um novo nome - 'CSS Roundup' http://blog.brothersmorrison.com/?p=198

Answer 8

Use Internet Explorer Developer Toolbar , s View> CSS Selector Jogos : Ver um relatório de todas as regras de estilo definidas e quantas vezes eles são usados ??na página atual.

Answer 9

Confira PageSpeed ??do Google para Firefox . Ele faz isso, e toda uma carga mais.

Aparentemente um plugin Chrome está em desenvolvimento também.