Innovative Open source WEB technologies for everyone

Το ιστολόγιο της IOWEB Technologies

Με νέα μας και λύσεις προβλημάτων που συναντήσαμε

Εργαλείο για την μέτρηση της ανάλυσης της οθόνης

Στην κατασκευή ιστοσελίδων, και πιο συγκεκριμένα όταν χρησιμοποιούμε responsive design, είναι σημαντικό να γνωρίζουμε τις διαστάσεις της οθόνης μιας συσκευής όπως θα φαίνονταν από το media query του css. Για το λόγο αυτό αναπτύξαμε ένα εργαλείο το οποίο δείχνει το πλάτος και το ύψος της οθόνης της συσκευής που το ανοίγει.

mobile screen width tool

Τα κύρια χαρακτηριστικά του είναι:

  • Απλότητα: Δείχνει μόνο τις χρήσιμες πληροφορίες
  • Ανταποκρίνεται στις αλλαγές προσανατολισμού της οθόνης και δεν χρειάζεται να ξαναφορτώσετε τη σελίδα
  • Βασίζεται στο CSS ώστε να δίνει τα ίδια αποτελέσματα με το css media query

Αλλά γιατί χρειάζεστε αυτό το εργαλείο;

Όταν κατασκευάζουμε μια responsive ιστοσελίδα, αυτή πρέπει να είναι συμβατή με μια μεγάλη γκάμα κινητών συσκευών που μπορεί να έχουν διάφορα πλάτη οθόνη (και όχι, η ανάλυση που δίνει ο κατασκευαστής δεν είναι το λειτουργικό πλάτος, αλλιώς ένα κινητό με ανάλυση Full HD θα έδειχνε το site στην έκδοση για desktop). Έτσι το να γνωρίζει κανείς την διάσταση της οθόνης, επιταχύνει την αποσφαλμάτωση και βοηθάει στον να μην χαλάσει κάτι το οποίο δουλεύει σε διαφορετικές αναλύσεις. 

Εδώ σημειώστε ότι στοιχεία του γραφικού περιβάλλοντος όπως scrollbars, toolbars και άλλα μπορούν να επηρεάσουν τις διαστάσεις της οθόνης.

Πού βρίσκεται; 

Μπορείτε να βρείτε το εργαλείο μας σε αυτόν τον σύνδεσμο

Αν θέλετε να μάθετε περισσότερα για το πως κάνουμε το responsive design πατήστε εδώ

 

Βαθμολογήστε αυτό το άρθρο
(0 ψήφοι)

Comments powered by CComment

ΒΡΕΙΤΕ ΜΑΣ

Επταπυργίου 149, Συκιές
ΤΚ: 56626
Θεσσαλονίκη

Τηλ: 2314012823


ΩΡΕΣ ΛΕΙΤΟΥΡΓΙΑΣ

Δευτέρα-Παρασκευή: 9:00 – 17:00

Search