Οι κινητές συσκευές περιλαμβάνουν ήδη ένα τεράστιο κομμάτι, αν όχι την πλειοψηφία, του σε απευθείας σύνδεση αναγνωστών για πολλούς ιστότοπους, έτσι ώστε να βεβαιωθείτε ότι ο ιστότοπός σας θα φαίνεται και λειτουργεί σωστά σε ένα iPhone ή tablet είναι ζωτικής σημασίας. Υπάρχουν πολλές υπηρεσίες που προσφέρουν προεπισκοπήσεις κινητής διάταξης για μια δεδομένη διεύθυνση URL, αλλά η Apple έκανε πολύ πιο εύκολο τον έλεγχο ιστότοπων για την ετοιμότητα για κινητά με το Safari 9 στο OS X El Capitan. Μια νέα λειτουργία που ονομάζεται Λειτουργία ανταποκρίσιμης σχεδίασης (Quick Response Design Mode) μπορεί να προλάβει γρήγορα την εμφάνιση ενός ιστότοπου σε μια ποικιλία συσκευών της Apple καθώς και κοινών ψηφιακών αναλύσεων οθόνης. Ετσι δουλευει.
Είναι σημαντικό να επαναλάβετε ότι η λειτουργία "Responsive Design Mode" είναι ένα νέο χαρακτηριστικό που είναι αποκλειστικό για το Safari 9 στο OS X El Capitan, οπότε θα πρέπει να εκτελείτε τουλάχιστον αυτές τις εκδόσεις του προγράμματος περιήγησης και του λειτουργικού συστήματος για να έχετε πρόσβαση σε αυτό. Αν ο υπολογιστής σας Mac πληροί αυτή την απαίτηση, θα πρέπει πρώτα να ενεργοποιήσετε τη λειτουργία προγραμματιστή του Safari. Για να το κάνετε αυτό, ξεκινήστε το Safari και κάντε κλικ στο Safari στη γραμμή μενού. Στη συνέχεια, επιλέξτε Προτιμήσεις> Για προχωρημένους .
Στην καρτέλα "Για προχωρημένους" στο παράθυρο "Προτιμήσεις" του Safari, επιλέξτε το πλαίσιο με τίτλο "Εμφάνιση αναπτυξιακού μενού στη γραμμή μενού". Όπως υποδηλώνει το όνομα της επιλογής, θα εμφανιστεί ένα νέο μενού "Ανάπτυξη" στη γραμμή μενού Safari στα δεξιά "Σελιδοδείκτες".
Στη συνέχεια, κλείστε το παράθυρο "Προτιμήσεις Safari" και πλοηγηθείτε σε έναν ιστότοπο που θέλετε να δοκιμάσετε στη Λειτουργία ανταποκρίσεων σχεδιασμού. Μόλις ολοκληρωθεί η φόρτωση του ιστότοπου στο πρόγραμμα περιήγησής σας, χρησιμοποιήστε τη συντόμευση πληκτρολογίου Command-Option-R και θα δείτε το παράθυρο του προγράμματος περιήγησης να μετατραπεί σε προεπισκόπηση μιας από τις διάφορες αναλύσεις των κινητών συσκευών (μπορείτε επίσης να αποκτήσετε πρόσβαση στην λειτουργία " τη γραμμή μενού του Safari και την επιλογή της λειτουργίας " Εισαγωγή ανταποκρινούς σχεδιασμού" ).
Η λειτουργία ευαίσθητου σχεδιασμού Safari σάς επιτρέπει να δείτε πώς ένας ιστότοπος φαίνεται σε όλες τις αναλύσεις κινητών συσκευών της Apple, από το iPhone 3, 5 ιντσών 4S έως το iPad Pro 12, 9 ιντσών. Οι χρήστες έχουν επίσης τη δυνατότητα επιλογής μιας ανάλυσης "Retina" 1x, 2x ή 3x και την αλλαγή του προγράμματος περιήγησης για να μιμηθούν τη συμπεριφορά των δημοφιλέστερων φυλλομετρητών όπως το Chrome, το Firefox και το Edge.
Για κάθε συσκευή και μέγεθος οθόνης, οι χρήστες μπορούν να κάνουν κλικ στο εικονίδιο της συσκευής για να αλλάξουν μεταξύ προσανατολισμού κατακόρυφου και οριζόντιου προσανατολισμού ή, για συσκευές όπως το iPad Air και το iPad Pro, οι οποίες υποστηρίζουν τη διαχωριζόμενη προβολή, μπορείτε να κάνετε κλικ για να περιστρέψετε ανάμεσα σε διάφορες διατάξεις διάστικης προβολής.
Ενώ ο τρόπος σχεδίασης ευαίσθητου σχεδιασμού του Safari στερείται κάποιων από τις επιλογές παρόμοιων προϋπάρχοντων εργαλείων, έχοντας ενσωματωθεί απευθείας στο Safari μπορεί να είναι ένας τεράστιος εξοικονομητής χρόνου για τους σχεδιαστές ιστοσελίδων και ένα μεγάλο εργαλείο μάθησης και δοκιμών για τους ιδιοκτήτες ιστοτόπων που θέλουν να διασφαλίσουν ότι οι επισκέπτες τους μέσω κινητού αποκτούν την καλύτερη εμπειρία ανεξάρτητα από την ανάλυση ή το μέγεθος της οθόνης.
Μόλις τελειώσετε τη δοκιμή, μπορείτε να αφήσετε τη Λειτουργία Ανταπόκριτου Σχεδιασμού είτε κλείνοντας το παράθυρο ή την καρτέλα του προγράμματος περιήγησης είτε πιέζοντας ξανά τη συντόμευση Command-Option-R .
