Είτε χρησιμοποιείτε Safari, Chrome ή οποιοδήποτε άλλο πρόγραμμα περιήγησης στο Mac σας, θα σας μάθουμε πώς να αποκτάτε πρόσβαση στο Inspect Element για να κάνετε αλλαγές σε μια ιστοσελίδα.

Έχετε ποτέ περιέργεια για τον πηγαίο κώδικα μιας ιστοσελίδας; Σχεδόν κάθε πρόγραμμα περιήγησης ιστού, συμπεριλαμβανομένου του εγγενούς προγράμματος περιήγησης του Mac σας, έχει μια δυνατότητα που σας επιτρέπει να το δείτε — ονομάζεται Inspect Element.

Όχι μόνο μπορείτε να δείτε τον κώδικα ιστοσελίδας HTML, CSS και JavaScript με το Inspect Element, αλλά μπορείτε επίσης να τον τροποποιήσετε. Αυτό επιτρέπει στους προγραμματιστές να δοκιμάζουν ιστοσελίδες και εφαρμογές Ιστού με τη δυνατότητα, αλλά οι χρήστες μπορούν επίσης να τη χρησιμοποιήσουν για να αλλάξουν γραμματοσειρές στα προσωπικά προγράμματα περιήγησής τους.

Δείτε τα παρακάτω βήματα για να μάθετε πώς να χρησιμοποιείτε το Inspect Element σε οποιοδήποτε πρόγραμμα περιήγησης στο Mac σας και να αρχίσετε να αλλάζετε τον κώδικα.

Πώς να επιθεωρήσετε το στοιχείο στο Safari και σε άλλα προγράμματα περιήγησης σε Mac

instagram viewer

Η χρήση της δυνατότητας Inspect Element είναι η ίδια σε όλα τα προγράμματα περιήγησης ιστού που είναι διαθέσιμα για macOS. Μπορείτε να το ενεργοποιήσετε με λίγα μόνο κλικ. Η εξαίρεση σε αυτό είναι το Safari, το οποίο απαιτεί την ενεργοποίηση του Inspect Element για να μπορέσει να χρησιμοποιηθεί. Έχουμε περιγράψει πώς να το ενεργοποιήσετε σε ξεχωριστή ενότητα παρακάτω.

Αλλά για να χρησιμοποιήσετε το Inspect Element στο αγαπημένο σας πρόγραμμα περιήγησης Mac γενικά (ή αφού ενεργοποιηθεί):

  1. Ανοίξτε το πρόγραμμα περιήγησης που επιθυμείτε και μεταβείτε σε μια ιστοσελίδα που θέλετε να επιθεωρήσετε.
  2. Ελεγχος-κάντε κλικ (δεξί κλικ) οπουδήποτε στην ιστοσελίδα και επιλέξτε Ελέγχω ή Επιθεωρήστε το στοιχείο από το μενού περιβάλλοντος. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου Cmd + Shift + C.
  3. Το εργαλείο Inspector θα ανοίξει και θα εμφανιστεί ο πηγαίος κώδικας για την ιστοσελίδα. Διαβάστε ή κάντε αλλαγές στον κώδικα όπως θέλετε. για παράδειγμα, μπορείς Επεξεργαστείτε ιστοσελίδες στο Safari χρησιμοποιώντας το Inspect Element για να βελτιώσετε το κείμενο και τις εικόνες.
  4. Για να κλείσετε το εργαλείο επιθεώρησης, κάντε κλικ στο Χ κουμπί.

Πώς να ενεργοποιήσετε το Inspect Element στο Safari

Για να ενεργοποιήσετε τη δυνατότητα Inspect Element στο Safari στο Mac σας, πρέπει να ενεργοποιήσετε το μενού Ανάπτυξη. Για να γινει αυτο:

  1. Ανοίξτε το Safari, μεταβείτε στο Safari > Ρυθμίσεις από τη γραμμή μενού ή πατήστε Cmd +, στο πληκτρολόγιό σας.
  2. Κατευθυνθείτε προς το Προχωρημένος αυτί.
  3. Ελεγξε το Εμφάνιση του μενού Ανάπτυξη στη γραμμή μενού κουτί.

Το μενού Ανάπτυξη θα πρέπει τώρα να εμφανίζεται στο επάνω μενού όταν χρησιμοποιείτε το Safari και θα πρέπει να έχετε πρόσβαση στο Inspect Element στο Mac σας από το μενού περιβάλλοντος!

Πότε να χρησιμοποιήσετε το Inspect Element στο πρόγραμμα περιήγησής σας

Οι προγραμματιστές μπορούν να χρησιμοποιήσουν το Inspect Element για να δοκιμάσουν αλλαγές διάταξης σε ιστοσελίδες και εφαρμογές web και να δοκιμάσουν τη λειτουργικότητα για χρήστες σε διαφορετικά προγράμματα περιήγησης. Μπορεί όμως να χρησιμοποιηθεί και από κανονικούς χρήστες.

Εάν μια ιστοσελίδα έχει μια γραμματοσειρά που δυσκολεύεστε να διαβάσετε ή αν είναι σε χρώμα που δεν σας αρέσει, μπορείτε να χρησιμοποιήσετε το στοιχείο Inspect Element για να την τροποποιήσετε, ώστε η σελίδα να είναι πιο ευανάγνωστη ή ευχάριστη. Μπορείτε επίσης να αλλάξτε τις κεφαλίδες της ιστοσελίδας μέσω του Inspect Element για να κοροϊδέψετε τους φίλους σας.

Το Inspect Element αλλάζει μόνο πράγματα στο Mac και στο συγκεκριμένο πρόγραμμα περιήγησης που χρησιμοποιείτε. Επομένως, χρησιμοποιήστε το κάθε φορά που θέλετε μια γρήγορη αλλαγή σε έναν ιστότοπο για να ταιριάζει στις προτιμήσεις σας.

Επιθεώρηση στοιχείου: Μια δυνατότητα βελτίωσης της εμπειρίας χρήστη

Η γνώση του τρόπου χρήσης του Inspect Element στο Mac σας μπορεί να κάνει τη χρήση των ιστοσελίδων πιο βελτιωμένη και ευχάριστη. Μπορεί να προσφέρει γρήγορες επιδιορθώσεις σε ζητήματα μορφοποίησης και να επιτρέψει στους προγραμματιστές να διορθώσουν σφάλματα.

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