Découvrez ce que les styles CSS sont utilisées sur une page donnée

J'ai une page qui contient plusieurs feuilles de style et une grande majorité des styles en informatique ne sont pas effectivement utilisés dans la page (obsolète etc). Je voudrais de l'exportation d'une nouvelle feuille de style contenant tous les styles sur la page qui sont effectivement en cours d'utilisation. Est-il de toute façon pour ce faire?

double possible de Est-il un moyen de vérifier les styles CSS sont utilisés ou pas utilisés sur une page web?
J'ai trouvé que duper par Googler votre question, mot pour mot.
cela pourrait être utile : stackoverflow.com/questions/2224154/...
Aucune de ces sont une solution valable elles mettent toutes l'accent sur montrant inutilisés pas exporter utilisé. J'ai fait mes recherches.
En fait, je ne suis pas sûr que ce serait une bonne idée, quelque chose comme : javascript trigered sélecteurs contextuels d'affichage, code conditionnelle la mise en ...

OriginalL'auteur ThomasReggi | 2013-04-02

  1. 3

    Je pense que ce site ne ce que vous voulez: CSS Trashman. Il faut un peu de temps à s'exécuter, mais il fonctionne. Il réduit mon site personnel du CSS à partir de 3,31 KO à 402 Octets.

    Si vous préférez utiliser l'outil de ligne de commande, CSS Rationator pouvoirs CSS Trashman.

    csstrashman.com seulement redirige vers github.com/begriffs/css-ratiocinator Date: 2015-04-02
    Je cherchais la même chose et je suis venu avec un petit javascript pour ce faire. Vous pouvez le vérifier sur github.com/mocanuga/unusedCSS
    Comment sommes-nous censés l'utiliser?

    OriginalL'auteur Jim Koppen

  2. 5

    J'ai eu ce même problème, compliquée par le fait que les pages que j'ai besoin d'analyser sont login seule, et pour le travail, je ne peux donc pas donner mon login pour une application externe (qui est la façon dont unused-css.com les analyses pages derrière un mur de connexion).

    J'ai trouvé deux extensions pour Chrome:

    1. CSS Supprimer et Combiner
    2. unusedCSS

    Je n'ai utilisé que la première, comme il l'avait fait le tour bien. Elle a compté CSS des éléments sur la page, m'a dit combien ont été utilisés et non utilisés, et permettez-moi de télécharger une feuille de style de tous les éléments utilisés. Il ne semble pas inclure les fonctionnalités de navigation autour d'un site et d'accumulation de vu des éléments, il était sur une page par page, mais c'est encore permettez-moi de pruneau 450 à 150.

    OriginalL'auteur user2615861

  3. 2

    Dans le google Chrome DevTools, il y a une Audits onglet qui vous permettra de lancer une Page Web, audit de Performance, voir la liste de la partie inutilisée des règles CSS :

    Découvrez ce que les styles CSS sont utilisées sur une page donnée

    OriginalL'auteur John Slegers

  4. 1

    J'ai trouvé ceci : http://unused-css.com/

    Caractéristiques

    • Explorer les pages de votre site automatiquement, trouvez le solde non utilisé sélecteurs CSS et créer de nouvelles nettoyer les fichiers CSS, vous pouvez télécharger
    • Authentifier et d'explorer les pages nécessitant une authentification. Il va ensuite vérifier inutilisés règles CSS.
    • Recherche de règles CSS dans les fichiers javascript
    • Personnaliser la liste des sélecteurs CSS pour garder
    • Aperçu de la modification apportée au fichier CSS
    • Suivre CSS commandes d'importation
    • Un utilisateur agent pour le robot

    Mais je ne suis pas sûr que ce serait une bonne idée, quelque chose comme : javascript trigered sélecteurs contextuels d'affichage, code conditionnelle de mise en page ... Donc, attention si vous tentez de " lot " de travail votre .les fichiers css.

    N'exporte pas utilisé sélecteur, montre simplement inutilisé =[
    Semble impossible d'obtenir des résultats sans avoir à payer.

    OriginalL'auteur Milche Patern