Θα ήθελα να μοιραστώ μαζί σας ένα υπέροχο τέχνασμα για το Mozilla Firefox που μπορεί να αυξήσει την παραγωγικότητά σας και να εξοικονομήσει χρόνο. Ενώ περιηγείστε στον Ιστό, μερικές φορές θέλετε να μοιραστείτε κάτι με τους φίλους σας λαμβάνοντας ένα στιγμιότυπο οθόνης. Χρειάζεται όμως αρκετά βήματα για να τραβήξετε ένα στιγμιότυπο οθόνης ολόκληρης της σελίδας, να το αποθηκεύσετε, να το περικόψετε κλπ. Σε αυτό το άρθρο, θα δούμε πώς να τραβήξουμε άμεσα ένα στιγμιότυπο οθόνης ενός συγκεκριμένου στοιχείου σε μια ιστοσελίδα χωρίς να χρησιμοποιήσουμε πρόσθετα.
Διαφήμιση
Όταν φορτώνεται μια ιστοσελίδα, το πρόγραμμα περιήγησής σας δημιουργεί ένα μοντέλο αντικειμένου εγγράφου της σελίδας. Το DOM είναι κατασκευασμένο ως δομή δέντρου όπου κάθε κόμβος είναι ένα αντικείμενο που αντιπροσωπεύει ένα μέρος του εγγράφου.
Ας δούμε πώς μπορείτε να το χρησιμοποιήσετε για να καταγράψετε μόνο ένα συγκεκριμένο στοιχείο στο στιγμιότυπο οθόνης σας.
Προς το τραβήξτε ένα στιγμιότυπο οθόνης ενός συγκεκριμένου στοιχείου ιστοσελίδας στον Firefox , κάντε τα ακόλουθα βήματα:
- Ανοίξτε την επιθυμητή σελίδα στον Firefox και κάντε δεξί κλικ στο στοιχείο που θέλετε να καταγράψετε.
- Από το μενού περιβάλλοντος, επιλέξτε 'Επιθεώρηση στοιχείου':
- Το εργαλείο επιθεωρητή θα ανοίξει. Παρατηρήστε ότι διαθέτει έλεγχο ψωμιού για τους κόμβους δέντρων DOM:
- Εκεί, μπορείτε να κάνετε δεξί κλικ σε οποιοδήποτε στοιχείο και να επιλέξετε Κόμβος στιγμιότυπου οθόνης από το μενού περιβάλλοντος:Αυτό ακριβώς χρειαζόμαστε.
Το μεγάλο πράγμα σχετικά με αυτήν τη δυνατότητα είναι ότι καταγράφει επίσης μεγάλα στοιχεία, συμπεριλαμβανομένων των περισσότερων στοιχείων που απαιτούν κύλιση. Στην περίπτωσή μου, δείτε πώς φαίνεται το στιγμιότυπο οθόνης:
Εναλλακτικά, μπορείτε να χρησιμοποιήσετε το ενσωματωμένο στιγμιότυπο οθόνης εντολή. Νωρίτερα, έγραψα Πώς να τραβήξετε ένα στιγμιότυπο οθόνης της ανοιγμένης σελίδας στον Firefox . Στο αναφερόμενο άρθρο, χρησιμοποιήσαμε την ενσωματωμένη εντολή «στιγμιότυπο οθόνης» του Firefox για να καταγράψουμε ολόκληρη τη σελίδα. Η ίδια λειτουργικότητα μπορεί να χρησιμοποιηθεί για την προβολή ενός συγκεκριμένου στοιχείου στην ανοιχτή σελίδα.
- Ανοίξτε τον Firefox και πατήστε Shift + F2 στο πληκτρολόγιο. Ο Firefox θα ανοίξει μια κονσόλα / γραμμή εντολών στο κάτω μέρος της οθόνης.
- Πληκτρολογήστε την ακόλουθη εντολή μέσα σε αυτό:
στιγμιότυπο οθόνης - επιλογή 'όνομα'
Αντικαταστήστε το όνομα 'μερίδα' με το κατάλληλο όνομα επιλογέα. Στην περίπτωσή μου, πρέπει να είναι
στιγμιότυπο οθόνης --selector '# widget-apps> .iconlist> .iconlist-content> ul'
Η δεύτερη μέθοδος είναι χρήσιμη για προγραμματιστές ιστού που γνωρίζουν την ακριβή διαδρομή του στοιχείου DOM. Ο μέσος χρήστης προφανώς θα προτιμήσει την πρώτη μέθοδο για να τραβήξει το στιγμιότυπο οθόνης ενός συγκεκριμένου στοιχείου ιστοσελίδας.