Τι πρέπει να γνωρίζετε
-
Στο Safari: Κάντε δεξί κλικ σε μια ιστοσελίδα και επιλέξτε Inspect Element.
- Στο Chrome, μπορείτε να κάνετε δεξί κλικ και να κάνετε κλικ στο Inspect.
- Για να ενεργοποιήσετε τη λειτουργία στο Safari: Safari > Προτιμήσεις > > Για προχωρημένους3 643 Εμφάνιση μενού Ανάπτυξης στη γραμμή μενού πλαίσιο.
Αυτό το άρθρο σάς διδάσκει πώς να επιθεωρείτε το στοιχείο ενός ιστότοπου σε Mac. Εξετάζει πώς να το κάνετε μέσω του Safari και του Google Chrome.
Πώς χρησιμοποιείτε τη λειτουργία Inspect Element σε Mac;
Πριν επιθεωρήσετε στοιχεία στο Mac όταν χρησιμοποιείτε το Safari, πρέπει να ενεργοποιήσετε το μενού προγραμματιστή στο πρόγραμμα περιήγησης. Δείτε πώς μπορείτε να το ενεργοποιήσετε και τι πρέπει να κάνετε για να επιθεωρήσετε ένα στοιχείο.
Εάν μπορείτε να δείτε Ανάπτυξη μεταξύ σελιδοδεικτών και παραθύρου, το Μενού προγραμματιστή έχει ήδη ενεργοποιηθεί και μπορείτε να μεταβείτε στο βήμα 4.
Χρήση της δυνατότητας Inspect Element στο Safari
Δείτε πώς να χρησιμοποιήσετε το Inspect Element στο Safari, το προεπιλεγμένο πρόγραμμα περιήγησης σε υπολογιστές Mac.
-
Στο Safari, κάντε κλικ στο Safari > Προτιμήσεις.
Image -
Κάντε κλικ Σύνθετες.
Image -
Κάντε κλικ στο Εμφάνιση μενού ανάπτυξης στη γραμμή μενού και, στη συνέχεια, κλείστε το παράθυρο.
Image - Κατά την περιήγηση σε έναν ιστότοπο, κάντε δεξί κλικ στο στοιχείο που θέλετε να ελέγξετε.
-
Κάντε κλικ στο Επιθεώρηση στοιχείου.
Image -
Μπορείτε πλέον να δείτε τον κώδικα πίσω από τον ιστότοπο που έχετε επιθεωρήσει.
Image
Χρήση της δυνατότητας Inspect Element στο Chrome σε Mac
Εάν χρησιμοποιείτε Chrome αντί για Safari στο Mac σας, είναι ακόμα πιο εύκολο να προβάλετε ένα στοιχείο καθώς δεν χρειάζεται να ενεργοποιήσετε τη λειτουργία. Δείτε τι πρέπει να κάνετε.
- Στο Chrome, περιηγηθείτε σε έναν ιστότοπο.
- Κάντε δεξί κλικ στο στοιχείο που θέλετε να ελέγξετε.
-
Κάντε κλικ Επιθεώρηση.
Image -
Μπορείτε πλέον να προβάλετε τον κώδικα σε ένα πλαϊνό παράθυρο στο Chrome.
Image
Γιατί δεν μπορώ να επιθεωρήσω στο Mac μου;
Μπορεί να μην μπορείτε να επιθεωρήσετε ένα στοιχείο στο Mac σας, εάν δεν έχετε ενεργοποιήσει το μενού Προγραμματιστής στο Safari. Ακολουθεί μια υπενθύμιση για το πώς να το κάνετε.
-
Στο Safari, κάντε κλικ στο Safari > Προτιμήσεις.
Image -
Κάντε κλικ Σύνθετες.
Image -
Κάντε κλικ στο Εμφάνιση μενού ανάπτυξης στη γραμμή μενού και, στη συνέχεια, κλείστε το παράθυρο.
Image
Πώς να κάνετε αλλαγές στον ιστότοπο επιθεωρώντας το στοιχείο
Εκτός από τη δυνατότητα προβολής του κώδικα σε έναν ιστότοπο, είναι επίσης δυνατό να αλλάξετε προσωρινά οποιοδήποτε στοιχείο ιστότοπου μέσω του Inspect Element. Δείτε πώς μπορείτε να το κάνετε μέσω του Safari.
Η διαδικασία είναι πολύ παρόμοια σε άλλα προγράμματα περιήγησης.
- Κατά την περιήγηση σε έναν ιστότοπο, κάντε δεξί κλικ στο στοιχείο που θέλετε να ελέγξετε.
- Κάντε κλικ στο Επιθεώρηση στοιχείου.
- Κάντε διπλό κλικ στο κείμενο στον κώδικα για να το κάνετε επεξεργάσιμο.
- Διαγράψτε το ή εισαγάγετε μια νέα συμβολοσειρά κειμένου.
- Πατήστε Enter.
- Ο κωδικός έχει πλέον αλλάξει προσωρινά μόνο προς όφελός σας.
Γιατί θέλετε να χρησιμοποιήσετε τη λειτουργία Inspect Element;
Το να μπορείτε να επιθεωρήσετε ένα στοιχείο είναι χρήσιμο για πολλούς λόγους.
- Για να αλλάξετε κωδικό αμέσως. Οι σχεδιαστές ιστοτόπων μπορούν να αλλάξουν προσωρινά τα πράγματα σε έναν ιστότοπο για να δουν πώς οι αλλαγές επηρεάζουν τα πράγματα.
- Για να ελέγξετε τον κωδικό. Τόσο οι σχεδιαστές όσο και οι άνθρωποι του μάρκετινγκ μπορούν να ελέγξουν τον κώδικα για να επιβεβαιώσουν ότι υπάρχουν στοιχεία όπως στοιχεία του Google Analytics.
- Για να προβάλετε εικόνες ξεχωριστά από έναν ιστότοπο. Εάν ένας ιστότοπος δεν σας επιτρέπει να ανοίξετε μια εικόνα σε μια νέα καρτέλα ή παράθυρο, η προβολή του στοιχείου καθιστά δυνατή.
-
Tinker. Η προβολή του κώδικα μιας ιστοσελίδας μπορεί να σας βοηθήσει να κατανοήσετε τι βλέπετε, αφαιρώντας το μυστήριο του τι και γιατί του τι συμβαίνει με τον ιστότοπο στον οποίο βρίσκεστε. Είναι σαν να αποσυναρμολογείτε μια συσκευή για να δείτε πώς λειτουργεί, αλλά δεν υπάρχουν βίδες για να χάσετε σε αυτήν την περίπτωση.
Συχνές Ερωτήσεις
Είναι νόμιμη η επιθεώρηση ενός ιστότοπου;
Ναι. Ωστόσο, εάν σκοπεύετε να χρησιμοποιήσετε οποιονδήποτε κωδικό ή στοιχεία από έναν ιστότοπο, φροντίστε να επικοινωνήσετε με τον κάτοχο και να προσθέσετε μια σημείωση πνευματικών δικαιωμάτων.
Πώς μπορώ να αντιγράψω HTML από έναν ιστότοπο με στοιχείο επιθεώρησης;
Στο Chrome, κάντε δεξί κλικ στη σελίδα και επιλέξτε Inspect, μετά μεταβείτε στην επάνω ενότητα και κάντε δεξί κλικ στην ετικέτα (π.χ.). Επιλέξτε Copy > Copy outerHTML και, στη συνέχεια, επικολλήστε τον κώδικα σε ένα αρχείο κειμένου ή HTML.
Μπορώ να αντιγράψω CSS από έναν ιστότοπο με στοιχείο επιθεώρησης;
Ναι. Κάντε δεξί κλικ στο στοιχείο που θέλετε να αντιγράψετε και επιλέξτε Inspect. Κάντε δεξί κλικ στον επισημασμένο κωδικό και επιλέξτε Copy > Copy styles.
Πώς μπορώ να δω τους αποθηκευμένους κωδικούς πρόσβασής μου χρησιμοποιώντας το στοιχείο επιθεώρησης;
Για να αποκαλύψετε κρυφούς κωδικούς πρόσβασης, κάντε δεξί κλικ στο πλαίσιο κειμένου κωδικού πρόσβασης και επιλέξτε Inspect. Στην επισημασμένη ενότητα, αναζητήστε type=”password” και αντικαταστήστε το password με text. Υπάρχουν ευκολότεροι τρόποι για να εμφανίσετε όλους τους κωδικούς πρόσβασής σας στο Chrome.
