Πώς να διορθώσετε το CSS όταν δεν λειτουργεί στο πρόγραμμα περιήγησης Safari

Το CSS δεν λειτουργεί στο πρόγραμμα περιήγησης Safari; Μπορεί να είναι πραγματικός πόνος, ειδικά αν προσπαθείτε να ολοκληρώσετε ένα έργο.

Το Safari είναι ένα από τα πιο δημοφιλή προγράμματα περιήγησης στον κόσμο. Είναι διαθέσιμο σε υπολογιστές iOS, macOS, ακόμη και με Windows. Είναι συμβατό με τα περισσότερα λογισμικό σχεδιασμού ιστοσελίδων έτσι μπορείτε πάντα να περιμένετε να προσφέρει αποτελεσματικότητα.

Ωστόσο, εάν αναπτύσσετε έναν ιστότοπο ή μια εφαρμογή Ιστού και θέλετε να χρησιμοποιήσετε CSS για το στυλ του, τότε μπορεί να έχετε αντιμετωπίσει ένα πρόβλημα όπως η μη φόρτωση του CSS στο Safari.

Το CSS σημαίνει Cascading Style Sheet και χρησιμοποιείται για το στυλ του ιστότοπού σας. Είναι ένα ισχυρό εργαλείο που αλλάζει την εμφάνιση και την αίσθηση της ιστοσελίδας σας.

Υποστηρίζει το Safari CSS;

Το Safari υποστηρίζει CSS και είναι συμβατό με τα περισσότερα σύγχρονα προγράμματα περιήγησης. Ωστόσο, επειδή δεν είναι τόσο δημοφιλές όσο ο Chrome ή ο Firefox, οι χρήστες τείνουν να το αγνοούν.

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

Άλλοι λόγοι περιλαμβάνουν:

• Παλιό πρόγραμμα περιήγησης ιστού – Εάν έχετε εγκαταστήσει μια παλιά έκδοση του Safari, θα πρέπει να την ενημερώσετε αμέσως. Οι παλαιότερες εκδόσεις του προγράμματος περιήγησης ενδέχεται να έχουν ορισμένα σφάλματα και δυσλειτουργίες που μπορεί να προκαλέσουν προβλήματα με τα στυλ CSS. Σε τέτοιες περιπτώσεις, μπορεί να αντιμετωπίσετε ότι το CSS δεν εμφανίζεται στο Safari.
• Λανθασμένος συντακτικός κώδικας – Η σύνταξη αναφέρεται στον τρόπο με τον οποίο γράφεται ένας κώδικας ώστε να μπορεί να διαβαστεί από μηχανές ή υπολογιστές. Εάν αναπτύσσετε έναν ιστότοπο χρησιμοποιώντας HTML5 ή XHTML5, τότε βεβαιωθείτε ότι έχετε χρησιμοποιήσει σωστά ο συντακτικός κώδικας σωστά και με ακρίβεια, διαφορετικά δεν θα λειτουργεί σωστά σε κανένα πρόγραμμα περιήγησης συμπεριλαμβανομένου Σαφάρι.

• Έχετε χρησιμοποιήσει ένα άγνωστο/μη υποστηριζόμενο CSS – Υπάρχουν χιλιάδες ιδιότητες CSS και ακόμη περισσότερες νέες προστίθενται συνεχώς, αλλά μόνο ένα μικρό υποσύνολο υποστηρίζεται από οποιοδήποτε πρόγραμμα περιήγησης. Εάν χρησιμοποιείτε κάποιο που δεν υποστηρίζεται, δεν θα λειτουργεί σε κανένα πρόγραμμα περιήγησης και μπορεί να λάβετε ένα μήνυμα που λέει ότι το WebKit CSS δεν λειτουργεί στο Safari.

Αν και δεν υπάρχει κώδικας παραβίασης CSS για το Safari, υπάρχουν ορισμένοι τρόποι αντιμετώπισης που μπορείτε να δοκιμάσετε για να τον επαναφέρετε στο πρόγραμμα περιήγησής σας.

Τι μπορώ να κάνω εάν το CSS δεν λειτουργεί στο Safari;

1. Ενημερώστε το πρόγραμμα περιήγησής σας

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

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

2. Εκκαθάριση προσωρινής μνήμης και ιστορικού

1. Πλοηγηθείτε στο Σαφάρι στη γραμμή μενού και επιλέξτε Προτιμήσεις.
2. Κάνε κλικ στο Προχωρημένος καρτέλα και ελέγξτε το Εμφάνιση του μενού Ανάπτυξη στη γραμμή μενού κουτί.
3. Επιλέγω Αναπτύσσω στη γραμμή μενού και πατήστε Κενές κρυφές μνήμες.

3. Επικυρώστε τον κώδικα CSS σας

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

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

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

Το CSS δεν είναι εγγενώς συμβατό με όλα τα προγράμματα περιήγησης, επειδή υπάρχουν πολλοί διαφορετικοί τρόποι ερμηνείας των ίδιων κανόνων CSS.

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

Ας ελπίσουμε ότι αυτό το άρθρο ήταν σε θέση να ρίξει λίγο φως στο τι πρέπει να κάνετε εάν το CSS δεν λειτουργεί στο πρόγραμμα περιήγησής σας Safari.

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

Ενημερώστε μας ποια λύση λειτούργησε για εσάς στην παρακάτω ενότητα σχολίων.