Με τους τόνους των plugins και των λύσεων με το κλειδί στο χέρι έξω εκεί, οποιοσδήποτε webmaster μπορεί εύκολα να γυρίσετε τον διακόπτη και να ενεργοποιήσετε το κινητό θέμα για την ιστοσελίδα τους. Το πρόβλημα είναι πώς μπορεί ο webmaster να ελέγξει πώς μοιάζει με τον ιστότοπό του σε μια κινητή συσκευή, αν δεν κατέχει smartphone; Μην περιμένετε, με λίγη δόξα, μπορείτε εύκολα να χρησιμοποιήσετε το πρόγραμμα περιήγησης της επιφάνειας εργασίας σας για να αποκτήσετε πρόσβαση στον ιστότοπό σας και να το σκεφτείτε ότι χρησιμοποιείτε ένα πρόγραμμα περιήγησης για κινητά.

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

Προβολή κινητού θέματος στον Firefox

Στον Firefox, συνιστώ το addon του User Agent Switcher καθώς έρχεται προεγκατεστημένο με το user-agent του iPhone και μπορείτε να το αλλάξετε εύκολα.

Μετά την εγκατάσταση της επέκτασης και την επανεκκίνηση του Firefox, μεταβείτε στην ενότητα " Εργαλεία -> Προεπιλεγμένος χρήστης -> iPhone ".

Τώρα, ανανεώστε το site σας και θα πρέπει να δείτε το κινητό θέμα σε δράση.

Για να προσθέσετε τον πράκτορα Android στη λίστα, μεταβείτε στην ενότητα " Εργαλεία -> Προεπιλεγμένος χρήστης -> Επεξεργασία πράκτορες χρηστών ".

Κάντε κλικ στο κουμπί "Νέο -> Νέο χρήστη" και πληκτρολογήστε τα εξής:

Περιγραφή : Android
Agent χρήστη : Mozilla / 5.0 (Linux · U · Android 2.2 · en-gb · Nexus One Build / FRF50)
AppleWebKit / 533.1 (KHTML, όπως Gecko) Έκδοση / 4.0 Κινητό Safari / 533.1

Οι υπόλοιπες καταχωρίσεις μπορείτε να τις κρατήσετε στην προκαθορισμένη τιμή.

(Για το iPad, ο πράκτορας χρήστη είναι Mozilla / 5.0 (iPad; U; CPU OS 3_2 όπως Mac OS X; en-us) AppleWebKit / 531.21.10 (KHTML, όπως το Gecko) Version / 4.0.4 Mobile / 7B334b Safari / 531.21 .10 )

Η επόμενη επέκταση που πρόκειται να χρησιμοποιήσετε είναι το Firesizer. Αυτή η επέκταση σάς επιτρέπει να αλλάξετε το μέγεθος του προγράμματος περιήγησης σε μια καθορισμένη ανάλυση οθόνης, ώστε να μπορείτε να δείτε πώς ο ιστότοπός σας εμφανίζεται σε διαφορετικό μέγεθος οθόνης.

Μετά την εγκατάσταση, μπορείτε να βρείτε την επιλογή αλλαγής μεγέθους στην κάτω δεξιά γωνία του προγράμματος περιήγησης. Κάντε δεξί κλικ πάνω του και επιλέξτε Προσαρμογή.

Μπορείτε να προσθέσετε νέο μέγεθος οθόνης στη λίστα. Για την αναφορά σας:

Το iPhone 4 έχει ανάλυση οθόνης 960 x 640 (H από W, οπότε θα πρέπει να πληκτρολογήσετε 640 x 960)
Το iPhone 3GS και κάτω έχει ανάλυση οθόνης 480 x 320 (H από W, οπότε θα πρέπει να εισάγετε 320 x 480)
Το Nexus One (Android) έχει ανάλυση οθόνης 800 x 480 (H από W, οπότε πρέπει να εισάγετε 480 x 800)

Μόλις προσθέσετε την ανάλυση οθόνης, μπορείτε τώρα να προβάλετε τον ιστότοπό σας με το κινητό κοστούμι του και με το σωστό μέγεθος οθόνης, ακριβώς στο πρόγραμμα περιήγησης του υπολογιστή σας.

Σημείωση : Τα παραπάνω πρόσθετα λειτουργούν μόνο στον Firefox 3.6. * Και παρακάτω. Δεν είναι συμβατά με το Firefox 4 beta.

Τα παραπάνω κόλπα μπορούν να επαναληφθούν σε άλλα προγράμματα περιήγησης όπως η Opera και το Safari. Το Google Chrome δεν σας επιτρέπει να αλλάξετε τον παράγοντα χρήστη (μπορείτε να δείτε αυτό το hack αν και), έτσι δεν θα μπορείτε να χρησιμοποιήσετε τα παραπάνω κόλπα.

Πώς δοκιμάζετε το κινητό σας θέμα;