Θέλατε ποτέ να ρίξετε μια ματιά πίσω από την ψηφιακή κουρτίνα και να δείτε τι κάνει τους αγαπημένους σας ιστοσελίδες να τσίμπουν από το iPhone σας; Η επιθεώρηση των στοιχείων μπορεί να είναι ένας παίκτης για τους προγραμματιστές, τους σχεδιαστές ή το απλά περίεργο. Δεν είναι τόσο τρομακτικό όσο μπορεί να εμφανιστεί για πρώτη φορά και με μερικά εύκολα βήματα, μπορείτε να ξεκλειδώσετε αυτό το ισχυρό εργαλείο στην παλάμη του χεριού σας. Είστε έτοιμοι να βουτήξετε; Πάμε!
Βήμα προς βήμα Tutorial: Πώς να επιθεωρήσετε το στοιχείο στο iPhone
Πριν ξεκινήσουμε, γνωρίζουμε ότι η επιθεώρηση στοιχείων στο iPhone σας σας επιτρέπει να δείτε το HTML και το CSS μιας ιστοσελίδας, όπως και σε μια επιφάνεια εργασίας. Αυτό είναι εξαιρετικά χρήσιμο για την αντιμετώπιση προβλημάτων ιστότοπου ή απλώς ικανοποιώντας την περιέργειά σας σχετικά με τον τρόπο κατασκευής ενός ιστότοπου.
Βήμα 1: Ενεργοποίηση λειτουργίας προγραμματιστή στο Safari
Πρώτα επάνω, πρέπει να ενεργοποιήσετε τη λειτουργία προγραμματιστή στο πρόγραμμα περιήγησης Safari του iPhone σας.
Για να το κάνετε αυτό, ανοίξτε την εφαρμογή Ρυθμίσεις, μετακινηθείτε προς τα κάτω στο Safari και πατήστε σε αυτό. Μετακινηθείτε ξανά προς τα κάτω μέχρι να δείτε "Advanced", και στη συνέχεια να αλλάξετε τον "Επιθεωρητή Ιστού". Αυτό το ικανό χαρακτηριστικό είναι το χρυσό εισιτήριό σας για την πρόσβαση στον υποκείμενο κώδικα οποιασδήποτε ιστοσελίδας που συναντάτε.
Βήμα 2: Συνδέστε το iPhone σας σε Mac
Στη συνέχεια, θα πρέπει να συνδέσετε το iPhone σας στο Mac σας χρησιμοποιώντας το αξιόπιστο καλώδιο φόρτισης.
Αυτό οφείλεται στο γεγονός ότι, σε αντίθεση με την επιφάνεια εργασίας, το iPhone δεν σας επιτρέπει να επιθεωρήσετε τα στοιχεία απευθείας στη συσκευή. Αλλά μην ανησυχείτε, το Mac σας ενεργεί ως το τέλειο sidekick εδώ, επιτρέποντάς σας να δείτε τα πάντα σε μια μεγαλύτερη οθόνη.
Βήμα 3: Ανοίξτε το σαφάρι στο Mac σας
Μόλις συνδεθείτε, ανοίξτε το Safari στο Mac σας - ναι, πρέπει να είναι σαφάρι!
Βεβαιωθείτε ότι έχετε ενεργοποιήσει το μενού ανάπτυξης και στο σαφάρι του Mac σας. Εάν δεν εμφανίζεται στη γραμμή μενού, μεταβείτε στις προτιμήσεις του Safari, κάντε κλικ στην καρτέλα "Advanced" και ελέγξτε το πλαίσιο στο κάτω μέρος που λέει "Εμφάνιση αναπτύξτε μενού στη γραμμή μενού".
Βήμα 4: Αποκτήστε πρόσβαση στον επιθεωρητή ιστού
Με το Safari Open στο Mac σας, κάντε κλικ στο μενού "Ανάπτυξη" και θα πρέπει να δείτε το iPhone σας που αναφέρεται εκεί. Θα εμφανιστεί το δείκτη του δεξαμενού πάνω του και θα εμφανιστεί μια λίστα με ανοιχτές καρτέλες στο σαφάρι του iPhone σας.
Επιλέξτε την καρτέλα που θέλετε να επιθεωρήσετε, κάντε κλικ σε αυτήν και voila! Ένα παράθυρο θα εμφανιστεί στο Mac σας που θα σας δείξει όλα τα HTML και CSS καλοσύνη αυτής της ιστοσελίδας. Τώρα μπορείτε να κάνετε κλικ γύρω, να εξερευνήσετε και ακόμη και να κάνετε αλλαγές για να δείτε πώς θα εμφανίζονται στον ζωντανό ιστότοπο (μην ανησυχείτε, αυτές οι αλλαγές είναι απλώς προσωρινές και δεν θα επηρεάσουν τον πραγματικό ιστότοπο).
Αφού ολοκληρώσετε αυτά τα βήματα, θα έχετε επιθεωρήσει με επιτυχία ένα στοιχείο στο iPhone σας. Μπορείτε να θαυμάσετε τον καθαρά οργανωμένο κώδικα, να τον τροποποιήσετε για να δοκιμάσετε τις αλλαγές ή να χρησιμοποιήσετε αυτή τη νέα δύναμη για να εντοπίσετε τα θέματα του ιστότοπου εν κινήσει.
- Να θυμάστε πάντα να απενεργοποιήσετε τον επιθεωρητή ιστού στις ρυθμίσεις σαφάρι του iPhone σας όταν τελειώσετε για να κρατήσετε το τηλέφωνό σας να λειτουργεί ομαλά.
- Εάν αντιμετωπίζετε προβλήματα με την αναγνώριση του Mac σας, βεβαιωθείτε ότι και οι δύο συσκευές έχουν ενεργοποιημένη Wi-Fi και Bluetooth και ότι ενημερώνονται στις τελευταίες εκδόσεις λογισμικού.
- Χρησιμοποιήστε την καρτέλα "Στοιχεία" στον επιθεωρητή ιστού για να περιηγηθείτε στη δομή HTML της σελίδας. Είναι ένας πολύ καλός τρόπος για να καταλάβετε πώς συγκεντρώνεται η ιστοσελίδα.
- Η καρτέλα "Στυλ" είναι ο φίλος σας αν θέλετε να παίξετε με το CSS. Μπορείτε να τροποποιήσετε τα χρώματα, τις γραμματοσειρές και τη διάταξη και να δείτε τις αλλαγές σε πραγματικό χρόνο.
- Θυμηθείτε ότι τυχόν αλλαγές που κάνετε στον επιθεωρητή ιστού δεν είναι μόνιμες. Για να κάνετε διαρκείς αλλαγές, θα πρέπει να επεξεργαστείτε τον πραγματικό κωδικό του ιστότοπου.
Συχνές ερωτήσεις
Μπορώ να επιθεωρήσω το στοιχείο στο iPhone χωρίς Mac;
Δυστυχώς, δεν μπορείτε να επιθεωρήσετε άμεσα τα στοιχεία σε ένα iPhone χωρίς Mac. Το πρόγραμμα περιήγησης Safari του iPhone δεν υποστηρίζει εγγενώς τα στοιχεία επιθεώρησης των επιθεωρήσεων. Πρέπει να χρησιμοποιήσετε ένα MAC ως γέφυρα για να αποκτήσετε πρόσβαση στη λειτουργικότητα του επιθεωρητή ιστού.
Πρέπει να εγκαταστήσω οποιοδήποτε ειδικό λογισμικό στο Mac μου για να επιθεωρήσω στοιχεία από το iPhone μου;
Δεν απαιτείται ειδικό λογισμικό, μόνο το εγγενές πρόγραμμα περιήγησης Safari και το χαρακτηριστικό επιθεωρητή ιστού, το οποίο είναι κατασκευασμένο ακριβώς μέσα.
Μπορώ να χρησιμοποιήσω αυτήν τη μέθοδο για να επιθεωρήσω τα στοιχεία σε ιστότοπους που απαιτούν σύνδεση;
Ναι, μπορείτε. Απλά βεβαιωθείτε ότι έχετε συνδεθεί στον ιστότοπο στο πρόγραμμα περιήγησης σαφάρι του iPhone σας προτού συνδεθείτε στο Mac σας και ξεκινήστε την επιθεώρηση.
Μάθετε περισσότερα:Πώς να επιθεωρήσετε το στοιχείο στο iPad: Ένας οδηγός βήμα προς βήμα για αρχάριους
Θα είναι ορατές οι αλλαγές που θα κάνω στον επιθεωρητή ιστού σε άλλους ανθρώπους;
Όχι, ξεκουραστείτε εύκολα! Οποιεσδήποτε αλλαγές που κάνετε είναι προσωρινές και μόνο ορατές σε εσάς. Εξαφανίζονται μόλις ανανεώσετε την ιστοσελίδα ή περιηγηθείτε.
Μπορώ να επιθεωρήσω στοιχεία σε προγράμματα περιήγησης εκτός από το Safari στο iPhone μου;
Όχι, επί του παρόντος, αυτή η μέθοδος λειτουργεί μόνο με το Safari, καθώς είναι το μόνο πρόγραμμα περιήγησης που υποστηρίζει τη δυνατότητα επιθεωρητή ιστού στο iOS.
Περίληψη
- Ενεργοποιήστε τη λειτουργία προγραμματιστή στο Safari
- Συνδέστε το iPhone σας σε Mac
- Ανοίξτε το σαφάρι στο Mac σας
- Πρόσβαση στον επιθεωρητή ιστού
Σύναψη
Η επιθεώρηση ενός στοιχείου σε ένα iPhone μπορεί να φανεί σαν μια δύσκολη διαδικασία στην αρχή, αλλά είναι στην πραγματικότητα αρκετά απλή από τη στιγμή που θα το κρεμάσετε. Θυμηθείτε, αυτό είναι ένα ισχυρό εργαλείο στα χέρια σας που μπορούν να σας βοηθήσουν να κατανοήσετε το σχεδιασμό ιστοσελίδων, να αντιμετωπίσετε προβλήματα και ακόμη και να βελτιώσετε τις ικανότητες ανάπτυξης ιστού. Ακολουθώντας τα απλά βήματα που περιγράφονται σε αυτό το άρθρο, θα είστε επαγγελματίας στην επιθεώρηση στοιχείων σε χρόνο μηδέν. Και ποιος ξέρει, ίσως αυτό θα προκαλέσει ένα νέο ενδιαφέρον για την ανάπτυξη ιστού ή το σχεδιασμό για εσάς. Την επόμενη φορά που περιηγείστε στο iPhone σας και βρείτε τον εαυτό σας περίεργο για το πώς χτίζεται μια σελίδα, προχωρήστε και επιθεωρήστε. Χαρούμενη κωδικοποίηση!