Is er een manier om te controleren welke CSS-stijlen zijn gebruikt of niet gebruikt op een webpagina?

Wilt weten welke CSS-stijlen zijn momenteel worden gebruikt op een webpagina.

  • Gebruik een browser die CSS-inspecteur. Safari en Chrome (aka Webkit) geven dit als onderdeel van de developer tools. In Firefox dit is bepaald door de Firebug plugin. Internet Explorer heeft niets soortgelijke dat ik ben me bewust van. De inspecteur zal u toelaten om een element te selecteren, klik met de rechtermuisknop, en kies “Element Inspecteren” — dan zal het u laten zien welke keuzemogelijkheden en welke regels worden toegepast op het element dat u hebt geselecteerd.
  • ie8 developer toolbar gedraagt zich op dezelfde manier zoals firebug in css selectors , kunt u het selecteren en zie de stijlen toegepast op de rechterhand.
  • mogelijk dubbele van het Uitpakken alleen de css gebruikt in een specifieke pagina
InformationsquelleAutor HELP | 2010-12-05

 

5 Replies
  1. 55

    Installeren van de CSS Gebruik van add-on voor Firebug en voer het uit op die pagina. Het zal u vertellen welke stijlen worden gebruikt en mogen niet gebruikt worden door die pagina.

    • na installatie van deze plugin zal worden in de tab als een deel van firebug waar je net en al//// laat het me weten als je iets anders nodig
    • Is er zoiets Chrome?
    • Dit lijkt niet meer werkt, en wordt niet langer ondersteund, helaas.
    • momenteel zijn werken heerlijk
    • werkt niet….
    • werkt niet…
    • Pas op dat Firebug wordt niet langer onderhouden. Ik denk dat deze add-on werkt niet met Firefox ingebouwde DevTools.
    • U kunt gebruik maken van controle-optie in chrome, terwijl de inspectie.Deze zieke tonen alleen de css niet gebruikt wordt op de betreffende pagina ‘ s.
    • werkt niet…

  2. 64

    Google Chrome heeft twee manieren om te controleren voor niet-gebruikte CSS.

    1. Audit Tabblad: > Klik Rechts + Inspecteer Element op de pagina vind je de “Audit” tab, en het uitvoeren van de audit, het maken van ervoor dat de Web Pagina van de Prestaties” is aangevinkt.

    Geeft alle ongebruikte CSS – zie de afbeelding hieronder.

    Is er een manier om te controleren welke CSS-stijlen zijn gebruikt of niet gebruikt op een webpagina?

    Update:
    – – – – – – – – – – – – – – OF – – – – – – – – – – – – – –

    2. Dekking Tabblad: > Klik Rechts + Inspecteer Element op de pagina vind je de drie punten aan de rechterkant (omcirkeld in de afbeelding) en open de Console Lade (of druk op Esc), klik tot slot op de drie punten om de links in de lade (omcirkeld in de afbeelding) te openen Dekking tool.

    Chrome gelanceerd, een tool om te zien ongebruikte de CSS-en JS –
    Chrome 59 Update
    Hiermee kunt u starten en stoppen van een opname (rode plein in beeld) zodat een betere dekking van een gebruikerservaring op de pagina.

    Toont alle gebruikte en ongebruikte CSS/JS in de bestanden
    – zie de afbeelding hieronder.

    Is er een manier om te controleren welke CSS-stijlen zijn gebruikt of niet gebruikt op een webpagina?

    • Zou geweldig zijn om te kijken welke zoekwoorden worden gebruikt…. maar dit is geweldig, bedankt.
    • Voor zover ik kan vertellen, als u wilt weten wat uw beste inzet is om te installeren van een plugin voor Chrome – sorry
    • De nieuwe Chrome-59 update kunt u zien aan de gebruikte/ongebruikte CSS en JS
  3. 40

    Gewoon voor de volledigheid en omdat het vroeg in het opmerkingen – er is ook de CSS-audit tool in Chrome nu voor hetzelfde doel. Sommige details hier:

    http://meeech.amihod.com/very-useful-find-unused-css-rules-with-google

    • Ik weet niet of het de “CSS audit tool” waarop dit antwoord is verwijzen is hetzelfde als de Audits tabblad in de Tools voor Ontwikkelaars van Chrome, maar dat zal u vertellen welke CSS regels worden gebruikt (bijvoorbeeld “Sommige.css: 42% is niet gebruikt door de huidige pagina.”).
  4. 10

    Een kijkje nemen op UnCSS. Het helpt bij het creëren van een CSS-bestand van de gebruikte CSS.

    • Dat is een geweldig programma. Bedankt! Rob
    • Goede web tool voor een offs. ty
    • Dit is aweso — UnCSS cannot be run on non-HTML pages, such as templates or PHP files – nevermind…….
    • yep, de sjablonen uitvoer zou moeten worden opgewekt. Hoe anders zou UnCSS weet wat nodig is?

Geef een reactie

Het e-mailadres wordt niet gepubliceerd. Vereiste velden zijn gemarkeerd met *