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

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

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

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

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

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

Τελείωσες.