Δημιουργήστε στιγμιότυπο οθόνης ιστοσελίδας με πλαίσιο συσκευής στο Chrome

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

Υπάρχει ένα ειδικό εργαλείο στα Εργαλεία προγραμματιστών Chrome που σας επιτρέπει να μιμηθείτε μια κινητή συσκευή. Είναι πολύ χρήσιμο για τους προγραμματιστές να ελέγχουν πώς φαίνονται οι ιστότοποί τους σε smartphone και συσκευές μικρής οθόνης. Επιτρέπει τον καθορισμό ενός προσαρμοσμένου μεγέθους οθόνης ή τη χρήση προκαθορισμένων μεγεθών συσκευών όπως iPhone, iPad, Nexus ή Samsung's Galaxy. Μόλις εμφανιστεί η ανοιχτή σελίδα στον εξομοιωτή της συσκευής, ο χρήστης μπορεί να καταγράψει ένα στιγμιότυπο οθόνης της σελίδας. Είναι επίσης δυνατό να ενεργοποιήσετε ένα πλαίσιο συσκευής γύρω από τη σελίδα έτσι ώστε να μοιάζει με μια ρεαλιστική φωτογραφία.

Μπορείτε να το κάνετε ως εξής.

1. Ανοίξτε την επιθυμητή σελίδα στο Chrome και πατήστε F12. Αυτό θα ανοίξει τα Εργαλεία προγραμματιστών:
2. Κάντε κλικ στο κουμπί εξομοιωτή κινητής συσκευής για εναλλαγή της λειτουργίας Εργαλείων προγραμματιστή:
3. Κάτω από τον επιλογέα συσκευών, επιλέξτε κάποια συσκευή. Για παράδειγμα, θα επιλέξω το iPhone 6:
4. Τώρα, κάντε κλικ στο μενού 3 κουκκίδων στα δεξιά του επιλογέα συσκευών και επιλέξτε την επιλογή 'Εμφάνιση πλαισίου συσκευής':
5. Voila, τώρα η ιστοσελίδα σας εμφανίζεται μέσα σε ένα ωραίο πλαίσιο συσκευής:
   
   Τώρα, κάντε ξανά κλικ στο μενού με τις τρεις κουκκίδες και επιλέξτε 'Λήψη στιγμιότυπου οθόνης':

Το αποτέλεσμα θα έχει ως εξής:

Τελείωσες.