Συμβουλές για τη χρήση του στοιχείου Inspect στο πρόγραμμα περιήγησης Google Chrome

Υποθέτοντας ότι θέλετε συμβουλές σχετικά με τη χρήση της δυνατότητας Inspect Element στο πρόγραμμα περιήγησης Google Chrome: Κάντε δεξί κλικ στο στοιχείο που θέλετε να ελέγξετε και επιλέξτε «Επιθεώρηση» από το αναπτυσσόμενο μενού. Μπορείτε επίσης να χρησιμοποιήσετε τη συντόμευση πληκτρολογίου Ctrl+Shift+I (Windows) ή Cmd+Opt+I (Mac) για να ανοίξετε το Inspector. Μόλις ανοίξετε το Inspector, θα δείτε το HTML για τη σελίδα στα αριστερά και το CSS στα δεξιά. Μπορείτε να κάνετε αλλαγές στο HTML και το CSS στο Inspector και να δείτε αυτές τις αλλαγές να εφαρμόζονται αμέσως στη σελίδα. Για έξοδο από το Inspector, απλώς κάντε κλικ στο X στην επάνω δεξιά γωνία.

Το Google Chrome δεν είναι μόνο για γενικούς χρήστες ιστού, αλλά και για προγραμματιστές ιστού που συχνά δημιουργούν ιστότοπους, δημιουργούν ιστολόγια κ.λπ. Έλεγχος στοιχείου ή Ελέγχω Η επιλογή Google Chrome βοηθά τους χρήστες να βρουν ορισμένες πληροφορίες σχετικά με έναν ιστότοπο που δεν είναι ορατός. Ακολουθούν ορισμένες συμβουλές για τη χρήση του Inspect Element στο πρόγραμμα περιήγησης Google Chrome για υπολογιστή με Windows.

Ελέγξτε το στοιχείο Google Chrome

1] Βρείτε κρυφά αρχεία JavaScript/Media

διαγράψτε τα παράθυρα προφίλ χρήστη 10

Πολλοί ιστότοποι εμφανίζουν αναδυόμενα παράθυρα εάν ένας επισκέπτης παραμένει σε μια ιστοσελίδα για περισσότερα από 15 ή 20 δευτερόλεπτα. Ή, σε πολλές περιπτώσεις, μια εικόνα, μια διαφήμιση ή ένα εικονίδιο ανοίγει μετά από κατά λάθος κλικ κάπου. Για να βρείτε αυτά τα κρυφά αρχεία σε μια ιστοσελίδα, μπορείτε να χρησιμοποιήσετε Πηγές Επιθεώρηση καρτέλας Στοιχείο. Μια λίστα που μοιάζει με δέντρο εμφανίζεται στα αριστερά, την οποία μπορείτε να εξερευνήσετε.

χάρτες μήλων για τα Windows 10

2] Λάβετε κωδικό χρώματος HEX/RGB στο Chrome

Μερικές φορές μπορεί να μας αρέσει ένα χρώμα και να θέλουμε να μάθουμε τον χρωματικό του κωδικό. Μπορείτε εύκολα να βρείτε τον κωδικό χρώματος HEX ή RGB που χρησιμοποιείται σε μια συγκεκριμένη ιστοσελίδα χρησιμοποιώντας την ενσωματωμένη επιλογή στο Google Chrome. Κάντε δεξί κλικ σε ένα χρώμα και επιλέξτε Ελέγχω . Στις περισσότερες περιπτώσεις, θα καταλήξετε με έναν κωδικό χρώματος στη δεξιά πλευρά με διαφορετικό CSS. Εάν δεν το βλέπετε, ίσως χρειαστεί να χρησιμοποιήσετε δωρεάν λογισμικό επιλογής χρώματος.

ΥΠΟΔΕΙΞΗ : Ρίξτε μια ματιά σε αυτά Διαδικτυακά Εργαλεία επιλογής χρωμάτων Ιδιο.

3] Λάβετε συμβουλές για τη βελτίωση της απόδοσης της ιστοσελίδας

Windows 10 κόσμο εικονίδιο

Σε όλους αρέσει να επισκέπτονται έναν ιστότοπο που ανοίγει γρήγορα. Εάν σχεδιάζετε τον ιστότοπό σας, θα πρέπει να το έχετε πάντα υπόψη σας. Υπάρχουν πολλά εργαλεία για τη δοκιμή και τη βελτιστοποίηση της ταχύτητας φόρτωσης σελίδας. Ωστόσο, το Google Chrome διαθέτει επίσης ένα ενσωματωμένο εργαλείο που επιτρέπει στους χρήστες να λαμβάνουν συμβουλές για τη βελτίωση της ταχύτητας φόρτωσης ιστότοπου. Για πρόσβαση σε αυτά τα εργαλεία, μεταβείτε στο Ελεγχος καρτέλα και βεβαιωθείτε Χρήση δικτύου , Απόδοση ιστοσελίδας , Εγώ Επαναφόρτωση σελίδας και έλεγχος κατά τη φόρτωση επιλεγμένο. Στη συνέχεια κάντε κλικ στο τρέξιμο κουμπί. Θα φορτώσει ξανά τη σελίδα και θα σας δείξει ορισμένες πληροφορίες που μπορούν να χρησιμοποιηθούν για την επιτάχυνση της σελίδας. Για παράδειγμα, μπορείτε να λάβετε όλους τους πόρους που δεν έχουν λήξει στην προσωρινή μνήμη, JavaScript που μπορούν να συνδυαστούν σε ένα αρχείο και ούτω καθεξής.

4] Απόκριση δοκιμής

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

απενεργοποιήστε τα ασφαλή παράθυρα εκκίνησης 10

5] Επεξεργασία ζωντανού ιστότοπου

Ας υποθέσουμε ότι δημιουργείτε μια ιστοσελίδα, αλλά δεν ξέρετε τι είναι ο συνδυασμός χρωμάτων, το μέγεθος του μενού πλοήγησης, το περιεχόμενο ή η αναλογία πλευρικής γραμμής. Μπορείτε να επεξεργαστείτε τον ζωντανό ιστότοπό σας χρησιμοποιώντας την επιλογή Inspect Element στο Google Chrome. Αν και δεν μπορείτε να αποθηκεύσετε τις αλλαγές σε έναν ζωντανό ιστότοπο, μπορείτε να κάνετε όλη την επεξεργασία, ώστε να μπορείτε να τον χρησιμοποιήσετε αργότερα. Για να το κάνετε αυτό, ανοίξτε το Inspect Element, επιλέξτε την ιδιότητα HTML στην αριστερή πλευρά και κάντε αλλαγές στυλ στη δεξιά πλευρά. Εάν κάνετε οποιεσδήποτε αλλαγές στο CSS, μπορείτε να κάνετε κλικ στον σύνδεσμο προς το αρχείο, να αντιγράψετε όλο τον κώδικα και να τον επικολλήσετε στο αρχικό αρχείο.

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