Μετάβαση σε προβολή για κινητά

Προεπισκόπηση θύρας προβολής για κινητά με ένα κλικ για οποιαδήποτε σελίδα.

Το σύγχρονο διαδικτυακό κοινό δεν κάθεται άπραγο. Μεταπηδούν από οθόνες 27 ιντσών στη δουλειά σε οθόνες τσέπης στο τρένο και περιμένουν κάθε ιστότοπος να δίνει την αίσθηση ότι είναι προσαρμοσμένος και για τους δύο. Για τους σχεδιαστές, τους προγραμματιστές, τους επαγγελματίες του μάρκετινγκ, ακόμη και για τους καθημερινούς χρήστες υψηλού επιπέδου, αυτό εγείρει ένα καθημερινό ερώτημα: "Πώς θα φαίνεται αυτή η σελίδα σε ένα πραγματικό τηλέφωνο;" Τα Εργαλεία Προγραμματισμού του Chrome μπορούν να απαντήσουν σε αυτό—αφού ψάξετε σε μενού, πίνακες και μια σειρά από πλαίσια συσκευών. Η εναλλαγή σε Προβολή για κινητά συρρικνώνει αυτή τη διαδρομή σε ένα μόνο κλικ ή συντόμευση, Πατήστε το εικονίδιο της γραμμής εργαλείων (ή πατήστε Alt + M) και η τρέχουσα σελίδα περιορίζεται αμέσως σε ένα παράθυρο προβολής μεγέθους συσκευής. Ένα απαλό γκρι φόντο απομονώνει τη σελίδα από το υπόλοιπο παράθυρο του προγράμματος περιήγησης, καθιστώντας το περιεχόμενό σας το αστέρι, ενώ σας υπενθυμίζει οπτικά ότι η Προβολή για κινητά είναι ενεργή. Ένα μικρό σήμα αιωρείται στη γωνία που εμφανίζει την τρέχουσα προεπιλογή συσκευής—ξεκινώντας από το iPhone 14, Η επέκταση διαθέτει τρία από τα πιο συχνά ζητούμενα σημεία διακοπής—iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) και iPad mini (768 × 1024 px). Κάθε προεπιλογή προσαρμόζει την ετικέτα μετα-προβολής, τα πλάτη των στοιχείων και τη συμπεριφορά κύλισης ώστε να μιμείται την αίσθηση της επιλεγμένης συσκευής. Ποιος ωφελείται; Οι προγραμματιστές front-end μπορούν να εντοπίσουν παλινδρομήσεις διάταξης σε δευτερόλεπτα χωρίς να ανοίξουν τα DevTools—ιδανικό για την επεξεργασία πολλαπλών κλάδων ή διακομιστών staging. Οι σχεδιαστές UI/UX υποβάλλονται σε έναν γρήγορο έλεγχο λογικής πριν στείλουν νέους Figma comps στη μηχανική. Οι ομάδες διασφάλισης ποιότητας μπορούν να ενσωματώσουν συντομεύσεις πληκτρολογίου σε αυτοματοποιημένες σουίτες δοκιμών για ταχύτερες δοκιμές με απόκριση. Οι δημιουργοί περιεχομένου και οι επαγγελματίες του μάρκετινγκ κάνουν προεπισκόπηση των ενημερωτικών δελτίων, των σελίδων προορισμού και των ενσωματώσεων στα μέσα κοινωνικής δικτύωσης για να διασφαλίσουν την αναγνωσιμότητα σε μικρές οθόνες. Οι εκπρόσωποι υποστήριξης πελατών που αναπαράγουν προβλήματα που αναφέρονται από χρήστες κινητών δεν χρειάζονται πλέον φυσικές συσκευές ή προσομοιωτές. Οι εκπαιδευτικοί και οι μαθητές που εξερευνούν έννοιες responsive design αποκτούν ένα προσιτό, ασφαλές για άδειες sandbox. Είτε βελτιστοποιείτε μια ροή ολοκλήρωσης αγοράς λίγα λεπτά πριν από την κυκλοφορία είτε διδάσκετε σε μια τάξη γεμάτη επίδοξους προγραμματιστές, αυτή η επέκταση εντάσσεται στη ροή εργασίας σας με σχεδόν μηδενική καμπύλη εκμάθησης.