Ελεγκτής CSS

Βρείτε και διορθώστε σφάλματα φύλλων στυλ άμεσα. Απευθείας μέσα στο πρόγραμμα περιήγησής σας — χωρίς αντιγραφή-επικόλληση κώδικα σε εξωτερικές ιστοσελίδες.

Προσθήκη στο Chrome

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

Κουραστήκατε από κρυφά σφάλματα φύλλων στυλ;

Αν γράφετε στυλ τακτικά, ξέρετε πόσο απογοητευτικά μπορεί να είναι τα κρυφά σφάλματα. Ένα ελληνικό ερωτηματικό που λείπει, μια μη έγκυρη ιδιότητα ή ένας κατεστραμμένος επιλογέας μπορούν να χαλάσουν σιωπηλά τη διάταξή σας. Ακριβώς γι' αυτό έχει σημασία ένας αξιόπιστος επικυρωτής CSS και ελεγκτής CSS. Σαρώνει τα φύλλα στυλ σας σε πραγματικό χρόνο και επισημαίνει κάθε πρόβλημα ώστε να μπορείτε να το διορθώσετε επιτόπου 🔍

Ροή επικύρωσης σε 5 βήματα

1

Ανοίξτε οποιαδήποτε ιστοσελίδα

Ανοίξτε οποιαδήποτε ιστοσελίδα και κάντε κλικ στο εικονίδιο της επέκτασης.

2

Αυτόματη σάρωση

Ο ελεγκτής κώδικα CSS σαρώνει αυτόματα όλα τα φύλλα στυλ.

3

Ελέγξτε την αναφορά

Ελέγξτε σφάλματα, προειδοποιήσεις και προτάσεις στον πίνακα αναφοράς.

4

Έλεγχος αντίθεσης

Μεταβείτε στην καρτέλα αντίθεσης για να ελέγξετε την προσβασιμότητα.

5

Διόρθωση και επανεπικύρωση

Διορθώστε τον κώδικά σας και επανεπικυρώστε με ένα κλικ.

Τι κάνει αυτόν τον Ελεγκτή CSS να ξεχωρίζει

🔍

Άμεση επικύρωση CSS

Άμεση επικύρωση φύλλων στυλ με επικυρωτή CSS στην τρέχουσα σελίδα.

✅

Λεπτομερείς αναφορές σφαλμάτων

Λεπτομερείς αναφορές σφαλμάτων και προειδοποιήσεων με αριθμούς γραμμών.

📌

Ελεγκτής CSS & XPath

Υποστήριξη λειτουργίας ελέγχου CSS και XPath.

🎨

Ελεγκτής αντίθεσης

Ενσωματωμένος ελεγκτής αντίθεσης χρωμάτων CSS για προσβασιμότητα.

🔒

Ελεγκτής συμβατότητας

Ελεγκτής συμβατότητας CSS για υποστήριξη πολλών προγραμμάτων περιήγησης.

✅

Επανασάρωση με ένα κλικ

Επανασάρωση με ένα κλικ μετά από αλλαγές.

Η επέκταση δεν είναι απλώς ένας ελεγκτής σύνταξης CSS - είναι μια πλήρης εργαλειοθήκη επικυρωτή CSS για όποιον εργάζεται καθημερινά με φύλλα στυλ. Αναλύει τον κώδικά σας, εντοπίζει προβλήματα και παρέχει σαφείς προτάσεις. Από τυπογραφικά λάθη σε ονόματα ιδιοτήτων έως εσφαλμένες μορφές τιμών, αυτός ο ελεγκτής CSS εντοπίζει προβλήματα προτού τα παρατηρήσουν οι χρήστες σας.

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

Η λειτουργία συμβατότητας είναι ιδιαίτερα χρήσιμη όταν υποστηρίζετε πολλά προγράμματα περιήγησης. Επισημαίνει ιδιότητες που ενδέχεται να μη λειτουργούν σε παλαιότερες εκδόσεις των Chrome, Firefox, Safari ή Edge, ώστε να μπορείτε να προσθέσετε εναλλακτικές λύσεις προτού οι χρήστες αντιμετωπίσουν οπτικά σφάλματα 🔒

Ποιος μπορεί να επωφεληθεί από αυτό το εργαλείο Ελεγκτή CSS

💻

Προγραμματιστές frontend

Προγραμματιστές frontend που αποσφαλματώνουν φύλλα στυλ παραγωγής.

🎨

Σχεδιαστές

Σχεδιαστές που επαληθεύουν ότι τα στυλ τους ταιριάζουν με τον επιδιωκόμενο σχεδιασμό.

🧪

Μηχανικοί QA

Μηχανικοί QA που εκτελούν ελέγχους συμβατότητας μεταξύ προγραμμάτων περιήγησης.

🎓

Φοιτητές

Φοιτητές που μαθαίνουν ανάπτυξη ιστού και θέλουν άμεση ανατροφοδότηση.

♿

Ειδικοί προσβασιμότητας

Ειδικοί προσβασιμότητας που ελέγχουν τους λόγους αντίθεσης για να πληρούν τα πρότυπα WCAG.

Ένα από τα πιο δημοφιλή χαρακτηριστικά είναι ο ενσωματωμένος ελεγκτής αντίθεσης χρωμάτων CSS. Η κακή αντίθεση μεταξύ κειμένου και φόντου είναι μια συνηθισμένη παραβίαση προσβασιμότητας. Αυτός ο επικυρωτής CSS αξιολογεί τα ζεύγη χρωμάτων σας σύμφωνα με τις οδηγίες WCAG 2.1 και επισημαίνει κάθε συνδυασμό που δεν πληροί τα όρια AA ή AAA. Ο προσβάσιμος σχεδιασμός ξεκινά με τη σωστή επαλήθευση αντίθεσης 🎨

Με αριθμούς

6
Εργαλεία επικύρωσης
Άμεσα
Εντοπισμός σφαλμάτων
Μηδέν
Απαιτούμενη διαμόρφωση
100%
Δωρεάν και ανοιχτό

Πώς λειτουργεί ο επικυρωτής CSS

Εντοπίζει όλα τα συνδεδεμένα και ενσωματωμένα φύλλα στυλ στην ενεργή σελίδα και αναλύει το καθένα για προβλήματα:

Εντοπίζει φύλλα στυλ

Εντοπίζει όλα τα συνδεδεμένα και ενσωματωμένα φύλλα στυλ στην ενεργή σελίδα.

Αναλύει και ελέγχει

Αναλύει κάθε φύλλο στυλ και ελέγχει για σφάλματα σύνταξης και άγνωστες ιδιότητες.

Ομαδοποιεί αποτελέσματα

Ομαδοποιεί τα αποτελέσματα ανά αρχείο ώστε να μπορείτε να πλοηγείστε εύκολα σε μεγάλα έργα.

Επισημαίνει ευρήματα

Ο ελεγκτής CSS επισημαίνει τα σχετικά ευρήματα απευθείας στον πίνακα αναφοράς.

Συχνές ερωτήσεις

Υποστηρίζει σύγχρονες ιδιότητες;

Ναι — ο ελεγκτής σύνταξης CSS αναγνωρίζει τις πιο πρόσφατες προδιαγραφές, συμπεριλαμβανομένων των προσαρμοσμένων ιδιοτήτων, του grid και της συντομογραφίας flexbox.

Μπορώ να τον χρησιμοποιήσω ως ελεγκτή CSS και XPath;

Απολύτως — η επέκταση περιλαμβάνει επικύρωση XPath παράλληλα με την ανάλυση φύλλων στυλ.

Λειτουργεί σε τοπικά αρχεία;

Ναι, ενεργοποιήστε την πρόσβαση σε αρχεία στις ρυθμίσεις του προγράμματος περιήγησής σας.

Πώς λειτουργεί ο έλεγχος αντίθεσης;

Αυτός ο επικυρωτής CSS αξιολογεί τα ζεύγη χρωμάτων σας σύμφωνα με τις οδηγίες WCAG 2.1 και επισημαίνει κάθε συνδυασμό που δεν πληροί τα όρια AA ή AAA.

Είναι ασφαλής η επέκταση;

Ναι! Διαβάζουμε μόνο το CSS και τις ιδιότητες DOM της σελίδας για να σας βοηθήσουμε να ελέγξετε τα στυλ. Δείτε την Πολιτική απορρήτου για λεπτομέρειες.

Είτε χρειάζεστε μια γρήγορη σάρωση είτε έναν διεξοδικό επικυρωτή CSS για παραγωγή, ο Ελεγκτής CSS προσαρμόζεται στη ροή εργασίας σας.

Βασικά χαρακτηριστικά με μια ματιά:

Σταματήστε να χάνετε χρόνο ψάχνοντας για σφάλματα φύλλων στυλ

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

Εγκαταστήστε τον Ελεγκτή CSS σήμερα

Δωρεάν, γρήγορος και φτιαγμένος από προγραμματιστές που κατανοούν τον πόνο των φύλλων στυλ.