Καθώς όλο και περισσότεροι άνθρωποι ξεκινούν το σερφάρισμα στις κινητές τους συσκευές, είναι όλο και σημαντικό για εμάς - τους webmasters - να βεβαιωθούμε ότι οι ιστότοποί μας αποδίδουν καλά στο πρόγραμμα περιήγησης για κινητά. Ανταποκρινόμενος σχεδιασμός ιστοσελίδων είναι ίσως ο τρόπος για να πάει, αλλά αυτό απαιτεί πολλές δοκιμές για να βεβαιωθείτε ότι ταιριάζει όμορφα σε όλες τις συσκευές και το μέγεθος της οθόνης. Είναι σχεδόν αδύνατο να αποκτήσετε πρόσβαση σε όλες τις κινητές συσκευές στον κόσμο, αλλά με ένα έξυπνο εργαλείο στο εργαλείο προγραμματιστών του Google Chrome, μπορείτε εύκολα να δοκιμάσετε τον ιστότοπό σας σε μια μεγάλη λίστα με κινητές συσκευές (χωρίς να ξοδεύετε ούτε ένα δεκάκι).

Η εξομοίωση "Συσκευή συσκευής" στο Εργαλείο για προγραμματιστές του Chrome είναι ένα χρήσιμο εργαλείο για να δοκιμάσετε τον ιστότοπό σας σε πολλές κινητές συσκευές. Όπως υποδηλώνει το όνομά του, μιμείται το πρόγραμμα περιήγησης σε διάφορες συσκευές, ώστε να μπορείτε να δείτε πώς ο ιστότοπός σας εμφανίζεται σε κάθε πρόγραμμα περιήγησης.

Για να ξεκινήσετε, ανοίξτε το Chrome και φορτώστε τον ιστότοπο που θέλετε να δοκιμάσετε. Πατήστε F12 ("Cmd + Opt + I" για Mac OS X) για να ανοίξετε το Εργαλείο προγραμματιστή. Εναλλακτικά, μπορείτε να κάνετε δεξί κλικ στο ποντίκι σας και να επιλέξετε "Inspect Element".

Στο παράθυρο του Εργαλείου για προγραμματιστές, κάντε κλικ στο εικονίδιο του κινητού στην επάνω αριστερή γωνία.

Επιστρέψτε στο κύριο παράθυρο του Chrome και θα πρέπει να δείτε τον ιστότοπο να αλλάξει σε κατάσταση λειτουργίας πλέγματος.

Τώρα, το μόνο που έχετε να κάνετε είναι να επιλέξετε την κινητή συσκευή στην αναπτυσσόμενη λίστα "Συσκευή". Ο ιστότοπος θα αλλάξει αυτόματα το μέγεθος, ώστε να ταιριάζει με το μέγεθος της οθόνης της συσκευής.

Μετακινώντας τη λίστα των συσκευών, μπορείτε να βρείτε μερικές από τις δημοφιλείς συσκευές όπως το iPhone 3GS, 4, 5, 6, 6 Plus, Samsung Galaxy Note κ.λπ.

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

Για να βγείτε από τη λειτουργία συσκευής, απλά επιστρέψτε στο παράθυρο του Εργαλείου προγραμματιστή και κάντε ξανά κλικ στο εικονίδιο του κινητού ή απλά κλείστε το παράθυρο του Εργαλείου προγραμματιστή.

συμπέρασμα

Το εργαλείο προγραμματιστών στο Google Chrome είναι ένα πολύ ισχυρό και χρήσιμο εργαλείο για webmasters και προγραμματιστές για να δοκιμάσουν και να εντοπίσουν λάθη στις ιστοσελίδες τους. Υπάρχει ένα παρόμοιο εργαλείο και στον Firefox (στην πραγματικότητα, τα περισσότερα προγράμματα περιήγησης έρχονται με λειτουργία εργαλείου προγραμματιστών), αλλά το Chrome διαθέτει περισσότερες λειτουργίες και είναι πιο εύκολο στη χρήση.