2011-08-22 5 views
3

Possible en double:
Tool to identify unused css definitionsaddon Firefox pour trouver inutilisés styles CSS

Disons que j'ai une page affichée dans mon navigateur et j'ai un fichier .CSS utilisé sur cette page avec règles comme

.class1{ 
    /* some style definitions */ 
    } 
    .class2{ 
    /* some style definitions */ 
    } 
    .class3{ 
    /* some style definitions */ 
    } 
.... 
... 
.class1001{ 
    /* some style definitions */ 
    } 

Maintenant, ma question est là est-il un addon qui me dirait comme hors de ces règles, qui sont "NON UTILISÉS" sur la page ..

J'ai vu quelques questions connexes qui fournissent des liens vers des addons qui indiquent aux sélecteurs CSS qui sont utilisés sur une page..Mais j'ai plus de 1000 règles et je veux donc savoir directement RÈGLES qui ne sont pas utilisées ..

JUSTE POUR AJOUTER, les addons mentionnés ont 1 problème; Comme s'il y a des hacks pour IE (par exemple * html), il les marque comme UNUSED, même s'il est réellement utilisé dans IE. Y at-il une solution de contournement pour cela?

S'il vous plaît aidez-moi. Je vous remercie.

Répondre

7

Si vous utilisez Firefox, vous pouvez utiliser le plugin Dust Me Selectors qui fait exactement ce que vous avez demandé. Il trouve des sélecteurs inutilisés pour vous :) Essayez-le!

De plus, il y a le CSS Usage plugin, qui regarde votre fichier CSS et vous indique ceux qui ne sont pas utilisés. :)

+0

Thx beaucoup ... Dust Me Selectors ne semble pas fonctionner pour Firefox 4.0.1 ... J'ai donc installé l'utilisation CSS ... Il dit Vu, Unseen, ..So je suppose que les sélecteurs en rouge (c'est-à-dire invisible) peuvent être supprimés en toute sécurité ... Pourriez-vous s'il vous plaît confirmer .. – testndtv

+0

Ils peuvent si tous les sélecteurs utilisés sur la page actuelle sont utilisés dans chaque page de votre site. vous pourriez en avoir supprimé certains qui sont utilisés sur d'autres pages. – Kyle

+1

Oh k ... juste ... dans mon cas, je n'ai que le CSS appelé sur une seule page ... Il y a un problème que je voulais souligner ... J'ai quelques hacks CSS qui sont aussi utilisés pour IE comme * html,> html, etc ... Et ceux qui sont marqués comme RED (coz Firefox ne les comprend jamais) ... Donc, avez-vous un workaroun d pour cela ... OU un autre addon qui gère ce problème .. – testndtv

3
+0

Il est écrit "MESSAGE: CET AJOUT N'EST PLUS MIS À JOUR". On dirait que cela ne fonctionne pas dans Fx6. –

+0

Juste vérifié cela fonctionne pour moi en FF 6 sur mac. – Litek

+0

mise à jour: je confirme le commentaire sur ajouter sur la page - le bouton de numérisation ne fonctionne pas, mais autoscan fait. C'est dommage que ce ne soit plus mis à jour, que je l'utilise depuis longtemps. – Litek