Πώς να επιθεωρήσετε το στοιχείο στο iPhone

Mitchell Rowe 18-10-2023
Mitchell Rowe
Γρήγορη απάντηση

Μπορείτε να επιθεωρήσετε γρήγορα τα στοιχεία στο iPhone συνδέοντάς το με έναν υπολογιστή MAC που εκτελεί το Safari Developer Tools ή χρησιμοποιώντας λογισμικό τρίτου μέρους, όπως το Adobe Edge Inspect ή το LambdaTest.

Η Apple έχει διανύσει πολύ δρόμο με την εμβληματική σειρά iPhone. Το iOS της κατέχει 28,27% του παγκόσμιου μεριδίου αγοράς του λειτουργικού συστήματος κινητών τηλεφώνων, πράγμα που σημαίνει ότι εκατομμύρια χρήστες παγκοσμίως χρησιμοποιούν τα iPhone για να έχουν πρόσβαση σε ιστοσελίδες.

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

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

Πίνακας περιεχομένων
  1. Τι σημαίνει η επιθεώρηση ενός στοιχείου;
  2. Πώς να επιθεωρήσετε στοιχεία στο iPhone;
    • Μέθοδος #1: Χρήση των εργαλείων ανάπτυξης του Safari
    • Μέθοδος #2: Επιθεώρηση στοιχείων στο iPhone με χρήση εργαλείων τρίτων
      • Χρήση του Adobe Edge Inspect
      • Χρήση του LambdaTest
  3. Επιθεώρηση στοιχείου στο πρόγραμμα περιήγησης Chrome του iPhone
  4. Περίληψη
  5. Συχνές ερωτήσεις

Τι σημαίνει η επιθεώρηση ενός στοιχείου;

Αν είστε προγραμματιστής ιστοσελίδων front-end, μπορείτε να επιθεωρείτε τακτικά στοιχεία για να αλλάξετε και να πειραματιστείτε με την εμφάνιση μιας ιστοσελίδας κάνοντας γρήγορες επεξεργασίες στο CSS και HTML αρχεία του ιστότοπου.

Ωστόσο, οι αλλαγές είναι ορατές μόνο στη συσκευή σας. Αφού ξαναφορτώσετε την ιστοσελίδα, οι αλλαγές αυτές εξαφανίζονται και επανεμφανίζεται η αρχική έκδοση της δομής της ιστοσελίδας. Έτσι, στην πραγματικότητα, δεν επεξεργάζεστε τον πηγαίο κώδικα μιας ιστοσελίδας- απλώς πειραματίζεστε με στοιχεία για την προβολή και την αντιμετώπιση προβλημάτων.

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

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

Πληροφορίες

Τύπος Ctrl+Z σε Windows και Linux και Εντολή+Z στο macOS για να αναιρέσετε τυχόν τροποποιήσεις που έγιναν με το εργαλείο Inspect element.

Πώς να επιθεωρήσετε στοιχεία στο iPhone;

Η επιθεώρηση των στοιχείων στο iPhone είναι λίγο περίπλοκη και ίσως νιώσετε λίγο ταραγμένοι κατά τη διάρκεια της διαδικασίας. Ωστόσο, οι οδηγίες μας βήμα προς βήμα θα κάνουν την όλη εμπειρία αβίαστη και ευχάριστη για εσάς.

Θα συζητήσουμε επίσης τη χρήση του προγράμματος περιήγησης Chrome του iPhone για να πειραματιστούμε με τα στοιχεία. Έτσι, χωρίς καθυστέρηση, εδώ είναι οι δύο μέθοδοι που εξηγούν πώς να επιθεωρείτε στοιχεία στο iPhone.

Δείτε επίσης: Πώς να συνδέσετε τα AirPods στο Oculus Quest 2

Μέθοδος #1: Χρήση των εργαλείων ανάπτυξης του Safari

Στην πρώτη μέθοδο, θα χρησιμοποιήσετε τα Εργαλεία ανάπτυξης του Safari για να επιθεωρήσετε στοιχεία στο iPhone.

  1. Συνδέστε το iPhone στο δικό σας Mac PC χρησιμοποιώντας ένα Καλώδιο USB.
  2. Εκκινήστε το πρόγραμμα περιήγησης Safari στον Mac σας και μεταβείτε στο Προχωρημένο Καρτέλα .
  3. Εναλλαγή του Επιθεωρητής ιστού διακόπτης στο Πράσινο χρώμα.
  4. Τώρα πλοηγηθείτε στο Προτιμήσεις> Καρτέλα για προχωρημένους.
  5. Τώρα ελέγξτε το "Εμφάνιση μενού Develop στη γραμμή μενού" για να εμφανιστεί η επιλογή Develop (Ανάπτυξη) στο Επιλογές γραμμή του προγράμματος περιήγησης.
  6. Στη συνέχεια, κάντε κλικ στο Ανάπτυξη για να κάνετε το όνομα της συσκευής σας ορατό στη λίστα συσκευών.
  7. Τέλος, αιωρείται πάνω από το iPhone σας και θα δείτε μια λίστα με ιστοσελίδες που είναι ανοιχτές στο iOS σας. Στη συνέχεια, επιλέξτε την ιστοσελίδα που θέλετε να επιθεωρήσετε από τη λίστα.
Πληροφορίες

Η επιθεώρηση στοιχείων iPhone με τη χρήση του Safar Developer Tools είναι διαθέσιμη μόνο στο οικοσύστημα της Apple, πράγμα που σημαίνει ότι αν δεν έχετε Mac, αυτή η μέθοδος δεν θα λειτουργήσει.

Μέθοδος #2: Επιθεώρηση στοιχείων στο iPhone με χρήση εργαλείων τρίτων

Χρήση του Adobe Edge Inspect

Αν δεν έχετε Mac, μπορείτε να χρησιμοποιήσετε το εργαλείο Adobe Edge Inspect Tool για να επιθεωρήσετε στοιχεία στο iPhone σας.

  1. Κατεβάστε το Adobe Edge Inspect στον υπολογιστή σας και συνδέστε το iPhone και τον υπολογιστή σας με την ίδια σύνδεση Wi-Fi.
  2. Συνδέστε το iPhone στο Mac σας με καλώδιο USB και εκκινήστε το λογισμικό στον υπολογιστή σας.
  3. Τώρα, το Όνομα iPhone θα εμφανιστεί στο λογισμικό.
  4. Στη συνέχεια, ανοίξτε μια ιστοσελίδα στο πρόγραμμα περιήγησής σας και παρατηρήστε πώς θα ανοίξει και στο συνδεδεμένο iPhone.
  5. Επιλέξτε ένα debugger sign () που εμφανίζεται δίπλα στις συνδεδεμένες συσκευές σας.
  6. Επόμενο, εργαλεία ανάπτυξης θα ανοίξει, επιτρέποντάς σας να επιθεωρήσετε στοιχεία στο iPhone.

Χρήση του LambdaTest

Το LambdaTest είναι ένα άλλο εξαιρετικό εργαλείο τρίτου μέρους για την επιθεώρηση στοιχείων σε ένα iPhone.

Δείτε επίσης: Πόσο χρόνο χρειάζεται για να φορτίσετε τα χειριστήρια PS5
  1. Εγγραφείτε στο Σελίδα εγγραφής LambdaTest για να δημιουργήσετε έναν λογαριασμό και να συνδεθείτε.
  2. Επιλέξτε Δοκιμές σε πραγματικό χρόνο στον αριστερό πίνακα του ταμπλό.
  3. Εισάγετε το τεστ URL , και επιλέξτε το τύπος συσκευής , όνομα συσκευής, λειτουργικό σύστημα , και πρόγραμμα περιήγησης στην οποία θα εκτελέσετε τη δοκιμή.
  4. Κάντε κλικ στο κουμπί Έναρξη και επιλέξτε την επιλογή προγραμματιστές από τον αριστερό πίνακα εργαλείων.
  5. Εργαλεία προγραμματιστών θα ανοίξει στην επιλεγμένη συσκευή iPhone.
  6. Ξεκινήστε τις δοκιμές χρησιμοποιώντας ο προσομοιωτής iPhone για δοκιμές προγράμματος περιήγησης
Πληροφορίες

Η LambdaTest είναι εξαιρετικά ασφαλής και συμμορφώνεται με το GDPR και το CCPA. Διατηρεί πλήρη διαφάνεια και εγγυάται την προστασία και την ασφάλεια των δεδομένων σας.

Επιθεώρηση στοιχείου στο πρόγραμμα περιήγησης Chrome του iPhone

Μπορείτε να επιθεωρήσετε τα στοιχεία ενός ιστότοπου σε ένα πρόγραμμα περιήγησης Chrome με το iPhone σας. Για να το κάνετε αυτό, Εκκινήστε το Πρόγραμμα περιήγησης Chrome στο iPhone σας και επισκεφθείτε έναν ιστότοπο. Τώρα, πατήστε στη γραμμή διευθύνσεων και πληκτρολογήστε view-source: πριν από την HTTP ή HTTPS Στη συνέχεια, φορτώστε ξανά τη σελίδα για να δείτε όλα τα στοιχεία.

Περίληψη

Σε αυτόν τον οδηγό σχετικά με τον τρόπο επιθεώρησης στοιχείων στο iPhone, συζητήσαμε τη χρήση των εργαλείων ανάπτυξης του Safari και εργαλείων τρίτων για να πειραματιστείτε με τον κώδικα. Συζητήσαμε επίσης την επιθεώρηση στοιχείων στο πρόγραμμα περιήγησης Chrome του iPhone.

Ελπίζουμε ότι αυτός ο οδηγός ήταν χρήσιμος για εσάς και τώρα μπορείτε να επιθεωρείτε γρήγορα τα στοιχεία στο iPhone σας με τις γρήγορες μεθόδους μας.

Συχνές ερωτήσεις

Πώς να επιθεωρήσετε στοιχεία σε έναν υπολογιστή με πρόγραμμα περιήγησης Chrome;

Για να επιθεωρήσετε τα στοιχεία ενός ιστότοπου σε ένα πρόγραμμα περιήγησης Chrome PC, κάντε τα εξής βήματα.

1) Εκκίνηση Χρώμιο και επισκεφθείτε την ιστοσελίδα για να επιθεωρήσετε τα στοιχεία.

2) Κοιτάξτε στην επάνω δεξιά γωνία της οθόνης και κάντε κλικ στις τρεις κάθετες τελείες.

3) Στη συνέχεια, κάντε κλικ στο Περισσότερα εργαλεία >, Εργαλεία προγραμματιστών από το αναπτυσσόμενο μενού.

4) Θα ανοίξουν τα εργαλεία προγραμματιστή, η κονσόλα και μερικά άλλα εργαλεία, που θα σας επιτρέψουν να επιθεωρήσετε το στοιχείο.

Μπορείτε να μπείτε σε μπελάδες επειδή χρησιμοποιείτε το στοιχείο inspect;

Δεν είναι παράνομο να βρείτε μια ευπάθεια σε έναν ιστότοπο χρησιμοποιώντας το στοιχείο inspect του προγράμματος περιήγησης. Ωστόσο, είναι παράνομο να εκμεταλλευτείτε αυτή την ευπάθεια και να τη χρησιμοποιήσετε με σκοπό το κέρδος.

Αν βρείτε μια ευπάθεια, αναφέρετε την στον ιδιοκτήτη του ιστότοπου πριν δημοσιοποιήσετε το ζήτημα. Συνήθως, οι ιστότοποι διαθέτουν μια ειδική σελίδα για την αναφορά θεμάτων ασφαλείας.

Mitchell Rowe

Ο Mitchell Rowe είναι ένας λάτρης της τεχνολογίας και ειδικός που έχει ένα βαθύ πάθος για την εξερεύνηση του ψηφιακού κόσμου. Με πάνω από μια δεκαετία εμπειρίας, έχει γίνει μια αξιόπιστη αρχή στον τομέα των οδηγών τεχνολογίας, των οδηγών και των δοκιμών. Η περιέργεια και η αφοσίωση του Μίτσελ τον ώθησαν να ενημερώνεται για τις τελευταίες τάσεις, εξελίξεις και καινοτομίες στον συνεχώς εξελισσόμενο τεχνολογικό κλάδο.Έχοντας εργαστεί σε διάφορους ρόλους στον τομέα της τεχνολογίας, συμπεριλαμβανομένης της ανάπτυξης λογισμικού, της διαχείρισης δικτύου και της διαχείρισης έργων, ο Mitchell κατέχει μια ολοκληρωμένη κατανόηση του αντικειμένου. Αυτή η εκτεταμένη εμπειρία του δίνει τη δυνατότητα να αναλύει σύνθετες έννοιες σε εύκολα κατανοητούς όρους, καθιστώντας το ιστολόγιό του έναν ανεκτίμητο πόρο τόσο για άτομα που γνωρίζουν την τεχνολογία όσο και για αρχάριους.Το blog του Mitchell, Technology Guides, How-Tos Tests, χρησιμεύει ως πλατφόρμα για να μοιραστεί τις γνώσεις και τις γνώσεις του με ένα παγκόσμιο κοινό. Οι περιεκτικοί οδηγοί του παρέχουν οδηγίες βήμα προς βήμα, συμβουλές αντιμετώπισης προβλημάτων και πρακτικές συμβουλές για ένα ευρύ φάσμα θεμάτων που σχετίζονται με την τεχνολογία. Από τη ρύθμιση έξυπνων οικιακών συσκευών έως τη βελτιστοποίηση της απόδοσης του υπολογιστή, ο Mitchell τα καλύπτει όλα, διασφαλίζοντας ότι οι αναγνώστες του είναι καλά εξοπλισμένοι για να αξιοποιήσουν στο έπακρο τις ψηφιακές τους εμπειρίες.Καθοδηγούμενος από μια ακόρεστη δίψα για γνώση, ο Μίτσελ πειραματίζεται συνεχώς με νέα gadgets, λογισμικό και αναδυόμενεςτεχνολογίες για την αξιολόγηση της λειτουργικότητας και της φιλικότητας προς τον χρήστη. Η σχολαστική του προσέγγιση δοκιμών του επιτρέπει να παρέχει αμερόληπτες κριτικές και συστάσεις, δίνοντας τη δυνατότητα στους αναγνώστες του να λαμβάνουν τεκμηριωμένες αποφάσεις όταν επενδύουν σε προϊόντα τεχνολογίας.Η αφοσίωση του Μίτσελ στην απομυθοποίηση της τεχνολογίας και η ικανότητά του να επικοινωνεί πολύπλοκες έννοιες με απλό τρόπο τον έχουν συγκεντρώσει πιστούς θαυμαστές. Με το ιστολόγιό του, προσπαθεί να κάνει την τεχνολογία προσβάσιμη σε όλους, βοηθώντας τα άτομα να ξεπεράσουν τυχόν εμπόδια που μπορεί να αντιμετωπίσουν κατά την πλοήγηση στο ψηφιακό βασίλειο.Όταν ο Μίτσελ δεν είναι βυθισμένος στον κόσμο της τεχνολογίας, απολαμβάνει τις υπαίθριες περιπέτειες, τη φωτογραφία και να περνά ποιοτικό χρόνο με την οικογένεια και τους φίλους του. Μέσα από τις προσωπικές του εμπειρίες και το πάθος του για τη ζωή, ο Μίτσελ φέρνει μια γνήσια και συγγενή φωνή στα γραπτά του, διασφαλίζοντας ότι το ιστολόγιό του δεν είναι μόνο ενημερωτικό αλλά και συναρπαστικό και ευχάριστο στην ανάγνωση.