Χρήση CSS: Προβολή κανόνων CSS που χρησιμοποιούνται σε ιστοσελίδες και αρχείο εξαγωγής [Firefox]

Έχετε συναντήσει ποτέ έναν ιστότοπο και αναρωτηθήκατε για τα στυλ που έχουν χρησιμοποιήσει σε αυτόν; Είτε είστε επαγγελματίας σχεδιαστής που εργάζεται σε έναν ιστότοπο είτε απλώς μαθαίνετε CSS ως χόμπι ή δευτερεύον έργο, Ο τρόπος με τον οποίο οι διαφορετικοί ιστότοποι έχουν εφαρμόσει το CSS ανοίγει το μυαλό σας για τους πολλούς τρόπους που μπορείτε να το χρησιμοποιήσετε μόνοι σας έργα. Χρήση CSS είναι μια επέκταση του Firefox που σας επιτρέπει να βλέπετε τους κανόνες CSS που εφαρμόζονται σε οποιαδήποτε ιστοσελίδα και επίσης σας επιτρέπει να εξάγετε το φύλλο CSS σε μια νέα καρτέλα.

Για να χρησιμοποιήσετε την επέκταση, πρέπει να έχετε εγκαταστήσει το Firebug καθώς επεκτείνει τη λειτουργικότητα του Firebug. Μόλις εγκατασταθεί, επισκεφθείτε έναν ιστότοπο και ανοίξτε το Firebug. Μια επιπλέον καρτέλα Χρήση CSS θα προστεθεί στη διεπαφή Firebug. Κάντε κλικ στην καρτέλα και πατήστε το Σάρωση κουμπί. Θα εμφανιστούν όλοι οι κανόνες CSS που εφαρμόστηκαν και ο αριθμός των φορών που χρησιμοποιήθηκαν στην ιστοσελίδα.

Μπορεί να υπάρχουν περισσότερα από ένα αρχεία CSS που χρησιμοποιούνται σε μια ιστοσελίδα, να τα αναπτύξετε και να τα συμπτύξετε για να δείτε κάθε αρχείο και τα περιεχόμενά του.

Μπορείτε να ρυθμίσετε την επέκταση για αυτόματη σάρωση κάθε σελίδας που επισκέπτεστε κάνοντας κλικ στο Αυτόματη σάρωση κουμπί. Το κουμπί ενεργοποιεί και απενεργοποιεί την αυτόματη σάρωση. Καθώς επισκέπτεστε κάθε σελίδα σε έναν ιστότοπο, η επέκταση θα τη σαρώσει αυτόματα για τους εφαρμοστέους κανόνες CSS και θα την φορτώσει αναλόγως. Για να δείτε το ίδιο το αρχείο CSS, κάντε κλικ στο έντονο μαύρο όνομα αρχείου και το αρχείο θα ανοίξει σε μια νέα καρτέλα.

Παρόλο που η διάταξη του αρχείου CSS μπορεί να βελτιωθεί, είναι ωστόσο αρκετά καλό για να έχετε μια ιδέα για το πόσο διαφορετικό στυλ ήταν.

Εγκαταστήστε την επέκταση χρήσης CSS για τον Firefox