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

Ακόμα καλύτερα, με τις πιο πρόσφατες εκδόσεις του iOS χρησιμοποιεί στην πραγματικότητα το ίδιο Web Inspector που κάνει και το Safari στην επιφάνεια εργασίας, πράγμα που σημαίνει ότι εάν συνδέσετε το iPhone ή το iPad στον υπολογιστή, μπορείτε να χρησιμοποιήσετε απευθείας τα εργαλεία εντοπισμού σφαλμάτων του Safari με τη συσκευή σας iOS ή iPadOS

Οι παλαιότερες εκδόσεις του iOS έχουν επίσης αυτήν τη δυνατότητα, και ενώ δεν περιλαμβάνει τόσο τα εργαλεία εντοπισμού σφαλμάτων και προγραμματιστών του Safari για επιτραπέζιους υπολογιστές, εξακολουθεί να είναι χρήσιμο και είναι εύκολο να ενεργοποιηθεί ή να απενεργοποιηθεί σε iPhone και iPad.

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

Πώς να ενεργοποιήσετε και να χρησιμοποιήσετε το Web Inspector στο Safari για iPhone και iPad

Στις σύγχρονες εκδόσεις iOS και iPadOS, δείτε πώς λειτουργεί το Safari web inspector:

1. Άνοιγμα ρυθμίσεων > Safari > Για προχωρημένους και μετά πατήστε για να ενεργοποιήσετε το "Web Inspector"
2. Συνδέστε το iPhone ή το iPad σε Mac και, στη συνέχεια, μεταβείτε στο Safari και ενεργοποιήστε το μενού προγραμματιστή, αν δεν το έχετε κάνει, μεταβαίνοντας στο Safari > Προτιμήσεις > Για προχωρημένους > Εμφάνιση γραμμής μενού Ανάπτυξης
3. Τραβήξτε προς τα κάτω τη γραμμή μενού "Ανάπτυξη" και βρείτε το iPhone ή το iPad και, στη συνέχεια, ανοίξτε την ιστοσελίδα που θέλετε να εντοπίσετε σφάλματα
4. Το Safari Web Inspector θα ανοίξει όπου μπορείτε να εντοπίσετε σφάλματα και να επιθεωρήσετε στοιχεία ιστού από τη συσκευή iOS ή IPadOS απευθείας στο Safari στο Mac

Τώρα καθώς πλοηγείστε στο iPhone ή το iPad, θα βρείτε ότι το Web Inspector στο Safari στο Mac θα ενημερώνεται.

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

Μπορείτε επίσης να χρησιμοποιήσετε ένα τέχνασμα Προβολής πηγής για iOS και iPadOS ενώ βρίσκεστε εν κινήσει, εάν χρειάζεται επίσης.

Πώς να ενεργοποιήσετε την Κονσόλα εντοπισμού σφαλμάτων σε παλαιότερες εκδόσεις iOS

Εάν έχετε μια παλαιότερη έκδοση του iOS σε παλαιότερο iPhone ή iPad, ολόκληρη η εμπειρία εντοπισμού σφαλμάτων βρίσκεται στη συσκευή και δεν έχετε τη δυνατότητα να τη συνδέσετε στο Safari σε Mac. Ωστόσο, εξακολουθεί να είναι πολύ χρήσιμο, εδώ είναι πώς λειτουργεί:

1. Εκκινήστε τις "Ρυθμίσεις" και πατήστε "Safari"
2. Πατήστε στο "Για προχωρημένους"
3. Σύρετε την "Κονσόλα εντοπισμού σφαλμάτων" στο ON

Μόλις ενεργοποιηθεί, πατήστε στην Κονσόλα εντοπισμού σφαλμάτων στο επάνω μέρος οποιασδήποτε οθόνης του Safari για να δείτε σφάλματα ιστοσελίδας.

Η προεπιλεγμένη λίστα εμφανίζει όλα τα σφάλματα, αλλά μπορείτε να αναλύσετε πιο συγκεκριμένα σφάλματα HTML, JavaScript και CSS πατώντας τα μεμονωμένα.

Ένα άλλο χρήσιμο εργαλείο για προγραμματιστές ιστού για κινητά είναι το Firebug Lite για iOS, το οποίο χρησιμοποιεί ένα σελιδοδείκτη javascript για να φορτώσει μια απλούστερη έκδοση του δημοφιλούς εργαλείου ανάπτυξης Firebug. Αυτή η λειτουργικότητα είναι πιθανώς πιο χρήσιμη και για τις παλαιότερες εκδόσεις iOS, καθώς οι νεότερες εκδόσεις έχουν νέες δυνατότητες.

Χρησιμοποιείτε εργαλεία προγραμματιστή Ιστού για iPhone ή iPad; Μοιραστείτε μαζί μας τυχόν συμβουλές, κόλπα, εφαρμογές ή τεχνικές στα παρακάτω σχόλια.