Πώς να ελέγξετε το στοιχείο στο Chrome: 7 βήματα (με εικόνες)

Πίνακας περιεχομένων:

Πώς να ελέγξετε το στοιχείο στο Chrome: 7 βήματα (με εικόνες)
Πώς να ελέγξετε το στοιχείο στο Chrome: 7 βήματα (με εικόνες)

Βίντεο: Πώς να ελέγξετε το στοιχείο στο Chrome: 7 βήματα (με εικόνες)

Βίντεο: Πώς να ελέγξετε το στοιχείο στο Chrome: 7 βήματα (με εικόνες)
Βίντεο: Photoshop Μάθημα 11ο - Quick Mask, Αλλαγή χρώματος μαλλιών 2024, Ενδέχεται
Anonim

Αυτό το wikiHow σας διδάσκει πώς να επιθεωρείτε τον πηγαίο κώδικα HTML ενός οπτικού στοιχείου σε οποιαδήποτε ιστοσελίδα στο Google Chrome, χρησιμοποιώντας έναν υπολογιστή.

Βήματα

Επιθεώρηση στοιχείου στο Chrome Βήμα 1
Επιθεώρηση στοιχείου στο Chrome Βήμα 1

Βήμα 1. Ανοίξτε το Google Chrome στον υπολογιστή σας

Το εικονίδιο του Chrome μοιάζει με μια χρωματιστή μπάλα με μια μπλε κουκκίδα στο κέντρο. Μπορείτε να το βρείτε στο φάκελο "Εφαρμογές" σε Mac ή στο μενού "Έναρξη" στα Windows.

Επιθεώρηση στοιχείου στο Chrome Βήμα 2
Επιθεώρηση στοιχείου στο Chrome Βήμα 2

Βήμα 2. Κάντε κλικ στο εικονίδιο με τις τρεις κάθετες κουκκίδες

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

Επιθεώρηση στοιχείου στο Chrome Βήμα 3
Επιθεώρηση στοιχείου στο Chrome Βήμα 3

Βήμα 3. Τοποθετήστε το δείκτη του ποντικιού πάνω από περισσότερα εργαλεία στο αναπτυσσόμενο μενού

Θα εμφανιστεί ένα υπομενού.

Επιθεώρηση στοιχείου στο Chrome Βήμα 4
Επιθεώρηση στοιχείου στο Chrome Βήμα 4

Βήμα 4. Κάντε κλικ στο Εργαλεία προγραμματιστή στο υπομενού Περισσότερα εργαλεία

Αυτό θα ανοίξει τη στήλη Inspector στη δεξιά πλευρά του παραθύρου του προγράμματος περιήγησής σας.

Εναλλακτικά, μπορείτε να ανοίξετε το Inspector με μια συντόμευση πληκτρολογίου. Αυτή η συντόμευση είναι ⌥ Επιλογή+⌘ Cmd+I σε Mac και Ctrl+Alt+I στα Windows

Επιθεώρηση στοιχείου στο Chrome Βήμα 5
Επιθεώρηση στοιχείου στο Chrome Βήμα 5

Βήμα 5. Τοποθετήστε το δείκτη του ποντικιού πάνω από ένα στοιχείο στη στήλη Επιθεωρητής

Η μετακίνηση του ποντικιού σας σε ένα στοιχείο ή μια γραμμή στο Inspector θα επισημάνει το επιλεγμένο στοιχείο στην ιστοσελίδα.

Επιθεώρηση στοιχείου στο Chrome Βήμα 6
Επιθεώρηση στοιχείου στο Chrome Βήμα 6

Βήμα 6. Κάντε δεξί κλικ σε ένα στοιχείο που θέλετε να ελέγξετε σε οποιαδήποτε ιστοσελίδα

Το μενού με το δεξί κλικ θα εμφανιστεί σε ένα αναπτυσσόμενο πλαίσιο.

Επιθεώρηση στοιχείου στο Chrome Βήμα 7
Επιθεώρηση στοιχείου στο Chrome Βήμα 7

Βήμα 7. Επιλέξτε Επιθεώρηση στο αναπτυσσόμενο μενού

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

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

Συνιστάται: