Τι πρέπει να γνωρίζετε
- Ενεργοποίηση Web Inspector σε iOS: Μεταβείτε στο Ρυθμίσεις > Safari > > Advanced και ο διακόπτης Web Inspector στη θέση On.
- Χρήση του Web Inspector σε macOS: Συνδέστε τη συσκευή σας iOS σε Mac και επιλέξτε τη διεύθυνση URL που θέλετε να ελέγξετε από το μενού Develop.
Εάν αντιμετωπίσετε σφάλμα ή άλλο πρόβλημα με έναν ιστότοπο σε κινητά Safari, χρησιμοποιήστε το εργαλείο Web Inspector για να το διερευνήσετε. Αυτό το άρθρο εξηγεί πώς να χρησιμοποιήσετε την κονσόλα Safari για iPhone για τον εντοπισμό σφαλμάτων με τη βοήθεια του υπολογιστή Mac σας. Οι οδηγίες ισχύουν για iPhone με iOS 14, iOS 12 ή iOS 11, καθώς και για Mac με macOS Big Sur (11.0), macOS Catalina (10.15) ή macOS Mojave (10.14).
Ενεργοποίηση Web Inspector στο iPhone ή σε άλλη συσκευή iOS
Το Web Inspector είναι απενεργοποιημένο από προεπιλογή, καθώς οι περισσότεροι χρήστες iPhone δεν το χρησιμοποιούν. Ωστόσο, εάν είστε προγραμματιστής ή είστε περίεργοι, μπορείτε να το ενεργοποιήσετε σε μερικά σύντομα βήματα. Να πώς:
-
Ανοίξτε το μενού του iPhone Ρυθμίσεις.
Σε iPhone με πρώιμη έκδοση iOS, αποκτήστε πρόσβαση στην Κονσόλα εντοπισμού σφαλμάτων μέσω Settings > Safari > Προγραμματιστής > Κονσόλα εντοπισμού σφαλμάτων Όταν το Safari στο iPhone εντοπίζει σφάλματα CSS, HTML και JavaScript, λεπτομέρειες για κάθε οθόνη στο πρόγραμμα εντοπισμού σφαλμάτων.
- Κάντε κύλιση προς τα κάτω και πατήστε Safari για να ανοίξετε την οθόνη που περιέχει όλα όσα σχετίζονται με το πρόγραμμα περιήγησης ιστού Safari στο iPhone, το iPad ή το iPod touch σας.
-
Κάντε κύλιση στο κάτω μέρος της σελίδας και επιλέξτε Advanced.
-
Μετακινήστε το διακόπτη Web Inspector στη θέση On.
Image
Συνδέστε τη συσκευή σας iOS στο Safari σε Mac
Για να χρησιμοποιήσετε το Web Inspector, συνδέστε το iPhone ή άλλη συσκευή iOS σε Mac που διαθέτει το πρόγραμμα περιήγησης ιστού Safari και ενεργοποιήστε το μενού Ανάπτυξη.
-
Με ανοιχτό το Safari, επιλέξτε Safari από τη γραμμή μενού και επιλέξτε Προτιμήσεις.
Image -
Επιλέξτε την καρτέλα Advanced.
Image -
Επιλέξτε το πλαίσιο ελέγχου Εμφάνιση μενού ανάπτυξης στη γραμμή μενού και κλείστε το παράθυρο ρυθμίσεων.
Image -
Από τη γραμμή μενού του Safari, επιλέξτε Ανάπτυξη και επιλέξτε το όνομα της συνδεδεμένης συσκευής iOS και, στη συνέχεια, επιλέξτε τη διεύθυνση URL που εμφανίζεται στην περιοχή Safariγια να ανοίξετε την κονσόλα εντοπισμού σφαλμάτων για αυτόν τον ιστότοπο.
Image Αφού συνδέσετε τη συσκευή σας, χρησιμοποιήστε το Mac σας για να επιθεωρήσετε τον ιστότοπο που θέλετε να εντοπίσετε σφάλματα και να τον ανοίξετε στο πρόγραμμα περιήγησης για κινητά Safari.
Τι είναι το Web Inspector;
Οι προγραμματιστές ιστού χρησιμοποιούν το Web Inspector για την τροποποίηση, τον εντοπισμό σφαλμάτων και τη βελτιστοποίηση ιστοτόπων σε Mac και συσκευές iOS. Με το Web Inspector ανοιχτό, οι προγραμματιστές μπορούν να επιθεωρήσουν τους πόρους σε μια ιστοσελίδα. Το παράθυρο του Web Inspector περιέχει επεξεργάσιμο HTML και σημειώσεις σχετικά με τα στυλ και τα επίπεδα της ιστοσελίδας σε ξεχωριστό πλαίσιο.
Πριν από το iOS 6, το πρόγραμμα περιήγησης ιστού iPhone Safari είχε μια ενσωματωμένη Κονσόλα εντοπισμού σφαλμάτων που χρησιμοποιούσαν οι προγραμματιστές για να εντοπίζουν ελαττώματα ιστοσελίδας. Οι πρόσφατες εκδόσεις του iOS χρησιμοποιούν το Web Inspector.
Με το Safari 9 και το OS X Mavericks (10.9), η Apple εισήγαγε τη λειτουργία Responsive Design Mode στο Web Inspector. Οι προγραμματιστές χρησιμοποιούν αυτόν τον ενσωματωμένο προσομοιωτή για να κάνουν προεπισκόπηση της κλίμακας των ιστοσελίδων σε διαφορετικά μεγέθη οθόνης, αναλύσεις και προσανατολισμούς.
