CSS-bruk: Vis CSS-regler som brukes på websider og eksporter fil [Firefox]

click fraud protection

Har du noen gang kommet over et nettsted og funnet deg nysgjerrig på stilene de har brukt på den? Enten du er en profesjonell designer som jobber på et nettsted eller bare lærer CSS som en hobby eller et sideprosjekt, Å sjekke ut hvordan forskjellige nettsteder har implementert CSS, åpner tankene dine for de mange måtene du kan bruke det på egen hånd prosjekter. CSS-bruk er en Firefox-utvidelse som lar deg se CSS-reglene som brukes på en hvilken som helst webside, og som også lar deg eksportere CSS-arket i en ny fane.

For å bruke utvidelsen, må du ha Firebug installert, ettersom den utvider Firebugs funksjonalitet. Når du er installert, kan du besøke et nettsted og åpne Firebug. En ekstra fane CSS-bruk vil bli lagt til Firebug-grensesnittet. Klikk på fanen og trykk på Scan knapp. Alle CSS-regler som er brukt, og antall ganger hver har blitt brukt på websiden, vil bli listet opp.

CSS-bruk

Det kan være mer enn én CSS-fil som brukes på en webside, utvide og kollapse dem for å se hver fil og dens innhold.

instagram viewer
CSS Bruk visning i brannkjøring

Du kan stille inn utvidelsen til å automatisk skanne hver side du besøker ved å klikke på Auto Scan knapp. Knappen veksler og skanner automatisk skanning. Når du besøker hver side på et nettsted, vil utvidelsen automatisk skanne den etter de anvendte CSS-reglene og laste dem deretter. Hvis du vil se selve CSS-filen, klikker du på det dristige, svarte filnavnet, og filen åpnes i en ny fane.

CSS Eksport av bruksfiler

Mens utformingen av CSS-filen kan være en viss forbedring, er den likevel god nok til at du får et inntrykk av hvor forskjellig stil har vært.

Installer CSS-bruksutvidelse for Firefox

watch instagram story