Τα στιγμιότυπα οθόνης είναι ένα ευέλικτο εργαλείο για καθημερινές εργασίες, από την προβολή εργασίας έως την κοινή χρήση πληροφοριών. Μπορείτε να τραβήξετε στιγμιότυπα οθόνης χρησιμοποιώντας εντολές πληκτρολογίου, εφαρμογές και επεκτάσεις προγράμματος περιήγησης, αλλά έχετε προσπαθήσει ποτέ να τραβήξετε στιγμιότυπα απευθείας μέσω του Google Chrome;
Εδώ είναι ένα σενάριο, χρειάζεστε ένα στιγμιότυπο οθόνης μιας ολόκληρης ιστοσελίδας. Αντί να τραβάτε πολλά στιγμιότυπα οθόνης της σελίδας, τα οποία μπορεί να είναι κουραστικά, γιατί να μην το κάνετε με μία κίνηση; Εδώ μπαίνει το Developer Tools.
Αυτός ο οδηγός θα εξηγήσει πώς μπορείτε να χρησιμοποιήσετε το Εργαλείο προγραμματιστών του Chrome για να τραβήξετε εύκολα ένα στιγμιότυπο οθόνης των ιστοσελίδων σας.
Τα εργαλεία προγραμματιστών του Chrome είναι ισχυρά ενσωματωμένα εργαλεία εντοπισμού σφαλμάτων ενσωματωμένα στο πρόγραμμα περιήγησης Google Chrome.
Τα εργαλεία επιτρέπουν στους προγραμματιστές για δοκιμή, εντοπισμό σφαλμάτων και βελτιστοποίηση εφαρμογών ιστού για να γίνουν πιο γρήγορες και αξιόπιστες.Ορισμένες δυνατότητες περιλαμβάνουν την προβολή και την επεξεργασία του κώδικα μιας ιστοσελίδας σε πραγματικό χρόνο, την προβολή της κυκλοφορίας του δικτύου της και την ανάλυση της απόδοσής της, συμπεριλαμβανομένων των χρόνων φόρτωσης και της χρήσης μνήμης.
Για να τραβήξετε ένα στιγμιότυπο οθόνης μιας ιστοσελίδας χρησιμοποιώντας τα εργαλεία προγραμματιστή στο Google Chrome, ακολουθήστε τα παρακάτω βήματα:
Πρώτα, ανοίξτε Google Chrome και μετά κατευθυνθείτε σε έναν ιστότοπο ή σε μια συγκεκριμένη ιστοσελίδα. Στη συνέχεια, κάντε δεξί κλικ οπουδήποτε στη σελίδα και κάντε κλικ Ελέγχω στο κάτω μέρος του αναπτυσσόμενου μενού για να ανοίξετε το Εργαλεία προγραμματιστή πίνακας. Εναλλακτικά, μπορείτε να χρησιμοποιήσετε Ctrl + Shift + C.
Εναλλαγή του Γραμμή εργαλείων συσκευής κάνοντας κλικ στο δεύτερο εικονίδιο στην επάνω αριστερή γωνία ή Ctrl + Shift + M. Μπορείτε να δείτε πώς φαίνεται η σελίδα σε διαφορετικές συσκευές, όπως τηλέφωνα και tablet.
Στην επάνω αριστερή γωνία, υπάρχει ένα αναπτυσσόμενο μενού που ονομάζεται Διαστάσεις. Κάνοντας κλικ σε αυτό θα εμφανιστεί ένα μενού με διαφορετικές συσκευές. Κάνοντας κλικ σε μια επιλογή θα εμφανιστεί η εμφάνιση της σελίδας σε αυτήν τη συσκευή. Μπορείτε επίσης να δείτε το πλάτος και το ύψος της σελίδας και μια επιλογή μεγέθυνσης και σμίκρυνσης.
Ανάλογα με τη συσκευή σας, η επιλογή πλάτους ή ύψους (ή και τα δύο) θα ακυρωθεί, εμποδίζοντάς σας να αλλάξετε το μέγεθός της.
Προαιρετικά, μπορείτε να επιλέξετε τη συσκευή και τον προσανατολισμό για να τραβήξετε ένα στιγμιότυπο οθόνης χρησιμοποιώντας Λειτουργία συσκευής. Όταν είστε ευχαριστημένοι με το πώς φαίνονται όλα, κάντε κλικ στις τρεις κάθετες κουκκίδες στη γραμμή διαστάσεων και κάντε κλικ σε ένα από τα δύο Λήψη στιγμιότυπου οθόνης ή Λήψη στιγμιότυπου οθόνης πλήρους μεγέθους.
Εναλλακτικά, μπορείτε να χρησιμοποιήσετε Ctrl + Shift + P για να ανοίξετε το μενού εντολών και να πληκτρολογήσετε τη λέξη στιγμιότυπο οθόνης στο πλαίσιο κειμένου. Όταν πληκτρολογείτε τη λέξη, θα παρατηρήσετε τέσσερις τύπους επιλογών λήψης στιγμιότυπων οθόνης που εμφανίζονται σε ένα αναπτυσσόμενο μενού:
- Λήψη στιγμιότυπου οθόνης περιοχής: λαμβάνει ένα στιγμιότυπο οθόνης ενός επιθεωρημένου στοιχείου.
- Λήψη στιγμιότυπου οθόνης πλήρους μεγέθους: λαμβάνει ένα στιγμιότυπο οθόνης ολόκληρης της σελίδας.
- Λήψη στιγμιότυπου οθόνης κόμβου: σύρετε μια καθορισμένη περιοχή της σελίδας που θέλετε να τραβήξετε.
- Λήψη στιγμιότυπου οθόνης: λαμβάνει ένα στιγμιότυπο οθόνης όλου του ορατού περιεχομένου στη σελίδα.
Για να λάβετε ένα ευρύτερο στιγμιότυπο οθόνης της σελίδας, προσαρμόστε το μέγεθος του πίνακα Εργαλεία προγραμματιστή. Μπορείτε να το κάνετε αυτό τοποθετώντας το ποντίκι σας πάνω από τα δεξιά της κάθετης γραμμής κύλισης μέχρι να δείτε ένα βέλος με διπλό άκρο. Κάντε κλικ σε αυτό και σύρετε το πλαίσιο αριστερά ή δεξιά για να αλλάξετε το μέγεθος της σελίδας.
Το στιγμιότυπο οθόνης θα αποθηκευτεί αυτόματα στο δικό σας Λήψεις φάκελο ως αρχείο εικόνας PNG, αρκεί να μην το έχετε τυχόν προβλήματα με τη λήψη αρχείων. Από εκεί, μπορείτε να κάνετε οποιεσδήποτε προσαρμογές στην εικόνα.
Ένας νέος τρόπος λήψης στιγμιότυπων οθόνης στο Google Chrome
Η λήψη ενός στιγμιότυπου οθόνης χρησιμοποιώντας τα Εργαλεία προγραμματιστών του Google Chrome μπορεί να σας βοηθήσει να κάνετε περισσότερα και να εξοικονομήσετε χρόνο. Σας δίνει επίσης έναν νέο τρόπο λήψης στιγμιότυπων οθόνης, είτε είστε προγραμματιστής, σχεδιαστής ή τακτικός χρήστης.
Την επόμενη φορά που θα χρειαστεί να τραβήξετε ένα στιγμιότυπο οθόνης με διαφορετικό προσανατολισμό ή σε άλλη συσκευή, η χρήση των Εργαλείων προγραμματιστή είναι ένας γρήγορος και αποτελεσματικός τρόπος που είναι πάντα διαθέσιμος. Όταν κατεβάζουμε αρχεία, αποθηκεύονται στον προεπιλεγμένο φάκελο "Λήψεις". Αλλά αν θέλετε να αλλάξετε το φάκελο, μπορείτε να το κάνετε εύκολα στο Google Chrome.
