Λάβετε τον χρωματικό κώδικα HTML οποιουδήποτε στοιχείου ιστοσελίδας στον Firefox

Προηγουμένως, καλύψαμε πώς η Mozilla έχει προσθέσει μια εξαιρετικά χρήσιμη λειτουργία γραμμής εντολών στο πρόγραμμα περιήγησής της στον Firefox. Ας συνεχίσουμε να εξερευνούμε πιο χρήσιμες ενσωματωμένες εντολές που είναι διαθέσιμες στον Firefox. Οι λειτουργίες της γραμμής εντολών είναι πολύ χρήσιμες και σας εξοικονομούν χρόνο. Είδαμε ήδη το εντολή στιγμιότυπου οθόνης που σας επιτρέπει να τραβήξετε ένα στιγμιότυπο οθόνης μιας ιστοσελίδας ή ολόκληρου του παραθύρου του προγράμματος περιήγησης, καθώς και του εντολή φακέλου που μπορεί να ανοίξει απευθείας οποιονδήποτε φάκελο από τον Firefox. Ας ρίξουμε μια ματιά σε μια άλλη εξαιρετική εντολή, το σταγονόμετρο.

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

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

1. Ανοίξτε τον Firefox και πατήστε Shift + F2 στο πληκτρολόγιο. Ο Firefox θα ανοίξει μια κονσόλα / γραμμή εντολών στο κάτω μέρος της οθόνης.
2. Πληκτρολογήστε το ακόλουθο κείμενο στο πλαίσιο εντολών που μόλις ανοίξατε:

   σταγονόμετρο

3. Μόλις πατήσετε Enter στο πληκτρολόγιο, ο κέρσορας του ποντικιού θα μετατραπεί σε ένα στρογγυλό παράθυρο προεπισκόπησης με ζουμ. Τοποθετήστε το δείκτη του ποντικιού πάνω από το στοιχείο που θέλετε για να δείτε τον χρωματικό κώδικα HTML του! Αφού κάνετε κλικ σε αυτόν, αυτός ο κωδικός θα αντιγραφεί στο πρόχειρο!
   

Η εντολή eyedropper θα είναι πραγματικά χρήσιμη για τους σχεδιαστές που χρησιμοποιούν το Adobe Photoshop ή εκείνους που φτιάχνουν το δικό τους CSS για τον ιστότοπό τους. Είναι πραγματικά ένας γρήγορος τρόπος για να αποκτήσετε το χρώμα του επιθυμητού αντικειμένου.