Τι πρέπει να γνωρίζετε
- Για ενεργοποίηση: Προτιμήσεις > επιλέξτε Για προχωρημένους καρτέλα > εναλλαγή Εμφάνιση μενού ανάπτυξης στη γραμμή μενούon.
- Για χρήση: επιλέξτε Ανάπτυξη > Εισαγάγετε τη λειτουργία αποκριτικής σχεδίασης στη γραμμή εργαλείων του Safari.
Αυτό το άρθρο εξηγεί πώς να ενεργοποιήσετε τη λειτουργία Responsive Design στο Safari 9 έως το Safari 13, στο OS X El Capitan μέσω του macOS Catalina.
Πώς να ενεργοποιήσετε τη λειτουργία Responsive Design στο Safari
Για να ενεργοποιήσετε τη λειτουργία Safari Responsive Design, μαζί με άλλα εργαλεία προγραμματιστών Safari:
-
Μεταβείτε στο μενού Safari και επιλέξτε Προτιμήσεις.
Πατήστε τη συντόμευση πληκτρολογίου Command+ , (κόμμα) για γρήγορη πρόσβαση στις Προτιμήσεις.
-
Στο πλαίσιο διαλόγου Προτιμήσεις, επιλέξτε την καρτέλα Για προχωρημένους.
Image -
Στο κάτω μέρος του παραθύρου διαλόγου, επιλέξτε το πλαίσιο ελέγχου Εμφάνιση του μενού ανάπτυξης στη γραμμή μενού.
Image -
Θα βλέπετε τώρα το Develop στην κορυφαία γραμμή μενού του Safari.
Image -
Επιλέξτε Ανάπτυξη > Εισαγάγετε τη λειτουργία αποκριτικής σχεδίασης στη γραμμή εργαλείων του Safari.
Πατήστε τη συντόμευση πληκτρολογίου Επιλογή+ Command+ R για να εισέλθετε γρήγορα στη λειτουργία Responsive Design.
Image -
Η ενεργή ιστοσελίδα εμφανίζεται σε Λειτουργία Responsive Design. Στο επάνω μέρος της σελίδας, επιλέξτε μια συσκευή iOS ή μια ανάλυση οθόνης για να δείτε πώς θα αποδίδεται η σελίδα.
Image -
Εναλλακτικά, δείτε πώς θα αποδίδεται η ιστοσελίδα σας σε διάφορες πλατφόρμες χρησιμοποιώντας το αναπτυσσόμενο μενού πάνω από τα εικονίδια ανάλυσης.
Image
Εργαλεία προγραμματιστών Safari
Εκτός από τη λειτουργία Responsive Design Mode, το μενού Safari Develop προσφέρει και άλλες χρήσιμες επιλογές.
Άνοιγμα σελίδας με
Ανοίγει την ενεργή ιστοσελίδα σε οποιοδήποτε πρόγραμμα περιήγησης που είναι εγκατεστημένο αυτήν τη στιγμή στο Mac.
User Agent
Όταν αλλάζετε τον παράγοντα χρήστη, μπορείτε να ξεγελάσετε έναν ιστότοπο ώστε να νομίζει ότι χρησιμοποιείτε άλλο πρόγραμμα περιήγησης.
Εμφάνιση Web Inspector
Εμφανίζει όλους τους πόρους μιας ιστοσελίδας, συμπεριλαμβανομένων των πληροφοριών CSS και των μετρήσεων DOM.
Εμφάνιση κονσόλας σφαλμάτων
Εμφανίζει σφάλματα και προειδοποιήσεις JavaScript, HTML και XML.
Εμφάνιση πηγής σελίδας
Σας επιτρέπει να προβάλετε τον πηγαίο κώδικα για την ενεργή ιστοσελίδα και να πραγματοποιήσετε αναζήτηση στα περιεχόμενα της σελίδας.
Εμφάνιση πόρων σελίδας
Εμφανίζει έγγραφα, σενάρια, CSS και άλλους πόρους από την τρέχουσα σελίδα.
Εμφάνιση επεξεργασίας αποσπασμάτων
Σας επιτρέπει να επεξεργάζεστε και να εκτελείτε τμήματα κώδικα. Αυτή η δυνατότητα είναι χρήσιμη από την οπτική γωνία της δοκιμής.
Εμφάνιση Εργαλείου δόμησης επεκτάσεων
Σας βοηθά να δημιουργήσετε επεκτάσεις Safari συσκευάζοντας τον κώδικά σας ανάλογα και προσαρτώντας μεταδεδομένα.
Έναρξη εγγραφής χρονολογίου
Σας επιτρέπει να καταγράφετε αιτήματα δικτύου, εκτέλεση JavaScript, απόδοση σελίδας και άλλα συμβάντα εντός του WebKit Inspector.
Empty Caches
Διαγράφει όλες τις αποθηκευμένες κρυφές μνήμες στο Safari, όχι μόνο τα τυπικά αρχεία προσωρινής μνήμης ιστότοπου.
Απενεργοποίηση προσωρινής μνήμης
Με την προσωρινή αποθήκευση απενεργοποιημένη, γίνεται λήψη πόρων από έναν ιστότοπο κάθε φορά που υποβάλλεται αίτημα πρόσβασης σε αντίθεση με τη χρήση της τοπικής προσωρινής μνήμης.
Να επιτρέπεται η JavaScript από το Έξυπνο Πεδίο Αναζήτησης
Απενεργοποιημένη από προεπιλογή για λόγους ασφαλείας, αυτή η δυνατότητα σάς επιτρέπει να εισάγετε διευθύνσεις URL που περιέχουν JavaScript στη γραμμή διευθύνσεων του Safari.
