Περιεχόμενο
- Πρόσβαση στα εργαλεία προγραμματιστών στο πρόγραμμα περιήγησης ιστού της Apple
- Πώς να ενεργοποιήσετε τη λειτουργία αποκριτικής σχεδίασης στο Safari
- Εργαλεία προγραμματιστών Safari
Πρόσβαση στα εργαλεία προγραμματιστών στο πρόγραμμα περιήγησης ιστού της Apple
Η διασφάλιση ότι οι ιστότοποι και οι εφαρμογές ιστού υποστηρίζουν ένα σύνολο συσκευών και πλατφορμών είναι απαραίτητο έργο για τους προγραμματιστές ιστού. Το πρόγραμμα περιήγησης ιστού Safari της Apple περιλαμβάνει μια λειτουργία Responsive Design που σας επιτρέπει να κάνετε προεπισκόπηση της απόδοσης του ιστότοπού σας σε διάφορες αναλύσεις οθόνης και σε διαφορετικές κατασκευές iPad, iPhone και iPod touch.
Οι οδηγίες σε αυτό το άρθρο ισχύουν για το Safari 13 για macOS. Η λειτουργία Responsive Design δεν είναι διαθέσιμη στην έκδοση των Windows.
Πώς να ενεργοποιήσετε τη λειτουργία αποκριτικής σχεδίασης στο Safari
Για να ενεργοποιήσετε τα εργαλεία προγραμματιστών του Safari και τη λειτουργία Responsive Design:
-
Επιλέγω Σαφάρι > Προτιμήσεις στη γραμμή εργαλείων του Safari.
Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου Εντολή+Κόμμα (,) για πρόσβαση στο μενού Προτιμήσεις.
-
Στο μενού Προτιμήσεις, επιλέξτε το Προχωρημένος και επιλέξτε το πλαίσιο δίπλα Εμφάνιση μενού ανάπτυξης στη γραμμή μενού. Μια νέα επιλογή θα πρέπει τώρα να είναι διαθέσιμη στη γραμμή εργαλείων Safari στο πάνω μέρος της οθόνης.
-
Επιλέγω Αναπτύσσω > Εισαγάγετε τη λειτουργία αποκριτικού σχεδιασμού στη γραμμή εργαλείων του Safari.
Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου Επιλογή+Εντολή+Ρ για να μπείτε στη λειτουργία Responsive Design.
-
Η ενεργή ιστοσελίδα θα πρέπει τώρα να εμφανίζεται σε λειτουργία Responsive Design. Στο επάνω μέρος της σελίδας, επιλέξτε μια συσκευή iOS ή μια ανάλυση οθόνης για να δείτε πώς θα αποδίδεται η σελίδα.
Μπορείτε επίσης να δώσετε εντολή στο Safari να προσομοιώσει διαφορετικούς πράκτορες χρήστη χρησιμοποιώντας το αναπτυσσόμενο μενού ακριβώς πάνω από τα εικονίδια ανάλυσης.
Εργαλεία προγραμματιστών Safari
Εκτός από τη λειτουργία Responsive Design, το μενού Ανάπτυξης του Safari προσφέρει πολλές άλλες χρήσιμες επιλογές, όπως:
- Άνοιγμα σελίδας με: Ανοίξτε την ενεργή ιστοσελίδα σε οποιοδήποτε άλλο πρόγραμμα περιήγησης που είναι εγκατεστημένο στον Mac σας.
- Πράκτορας χρήστη: Η αλλαγή του παράγοντα χρήστη προκαλεί στους διακομιστές ιστού να αναγνωρίζουν το πρόγραμμα περιήγησής σας ως κάτι διαφορετικό από το Safari.
- Συνδέστε το Web Inspector: Εμφάνιση όλων των πόρων μιας ιστοσελίδας, συμπεριλαμβανομένων των πληροφοριών CSS και των μετρήσεων DOM.
- Εμφάνιση κονσόλας σφάλματος: Εμφανίζονται σφάλματα και προειδοποιήσεις JavaScript, HTML και XML.
- Εμφάνιση πηγής σελίδας: Προβολή και αναζήτηση του πηγαίου κώδικα της ενεργής ιστοσελίδας.
- Εμφάνιση πόρων σελίδας: Εμφάνιση εγγράφων, σεναρίων, CSS και άλλων πόρων από την τρέχουσα σελίδα.
- Εμφάνιση προγράμματος επεξεργασίας αποσπάσματος: Επεξεργασία και εκτέλεση θραυσμάτων κώδικα. Αυτή η δυνατότητα είναι πολύ χρήσιμη από την άποψη της δοκιμής.
- Εμφάνιση επέκτασης δημιουργίας: Δημιουργήστε τις δικές σας επεκτάσεις Safari συσκευάζοντας τον κωδικό σας ανάλογα και προσθέτοντας μεταδεδομένα.
- Ξεκινήστε την εγγραφή χρονολογίου: Καταγράψτε αιτήματα δικτύου, εκτέλεση JavaScript, απόδοση σελίδας και άλλα συμβάντα εντός του WebKit Inspector.
- Άδειο Cache: Διαγράψτε όλες τις αποθηκευμένες κρυφές μνήμες στο Safari, όχι μόνο τα τυπικά αρχεία προσωρινής αποθήκευσης ιστότοπου.
- Απενεργοποίηση προσωρινής αποθήκευσης: Με απενεργοποιημένη την προσωρινή αποθήκευση, οι πόροι λαμβάνονται από έναν ιστότοπο κάθε φορά που υποβάλλεται ένα αίτημα πρόσβασης σε αντίθεση με τη χρήση της τοπικής προσωρινής μνήμης.
- Να επιτρέπεται η JavaScript από το πεδίο έξυπνης αναζήτησης: Απενεργοποιήθηκε από προεπιλογή για λόγους ασφαλείας, αυτή η δυνατότητα σάς επιτρέπει να εισαγάγετε διευθύνσεις URL που περιέχουν JavaScript στη γραμμή διευθύνσεων του Safari.
- Αντιμετωπίστε τα πιστοποιητικά SHA-1 ως ανασφαλή: Σύντομος για τον αλγόριθμο Secure Hash, η λειτουργία κατακερματισμού SHA-1 έχει αποδειχθεί ότι είναι λιγότερο ασφαλής από ό, τι πιστεύεται αρχικά, εξ ου και η προσθήκη αυτής της επιλογής στο Safari.
