Passa alla visualizzazione mobile

Anteprima della finestra mobile con un clic per qualsiasi pagina.

Il pubblico del web moderno non sta fermo. Passa dai monitor da 27 pollici al lavoro agli schermi tascabili in treno, e si aspetta che ogni sito sia pensato su misura per entrambi. Per designer, sviluppatori, addetti al marketing e persino per gli utenti esperti, questo solleva una domanda quotidiana: "Come apparirà questa pagina su un telefono vero?". Gli strumenti per sviluppatori di Chrome possono rispondere a questa domanda, dopo aver esplorato menu, pannelli e una miriade di frame del dispositivo. Passa alla visualizzazione mobile riduce questo percorso a un singolo clic o a una scorciatoia. Tocca l'icona della barra degli strumenti (o premi Alt + M) e la pagina corrente viene immediatamente vincolata a un viewport delle dimensioni di un telefono. Uno sfondo grigio tenue isola la pagina dal resto della finestra del browser, rendendo il contenuto il protagonista e ricordando visivamente che la visualizzazione mobile è attiva. Un piccolo badge aleggia nell'angolo mostrando le impostazioni predefinite del dispositivo, a partire da iPhone 14. L'estensione include tre dei breakpoint più richiesti: iPhone 14 (390 × 844 px), Pixel 7 (412 × 915 px) e iPad mini (768 × 1024 px). Ogni preset regola il tag meta viewport, la larghezza degli elementi e il comportamento di scorrimento per riprodurre l'aspetto grafico del dispositivo scelto. Chi ne beneficia? Gli sviluppatori front-end possono rilevare regressioni di layout in pochi secondi senza dover aprire DevTools, una funzionalità ideale quando si gestiscono più filiali o server di staging. I progettisti UI/UX eseguono un rapido controllo di integrità prima di inviare i nuovi componenti Figma all'ingegneria. I team addetti al controllo qualità possono aggiungere scorciatoie da tastiera alle suite di test automatizzate per test più rapidi e reattivi. I creatori di contenuti e gli addetti al marketing esaminano in anteprima le newsletter, le landing page e gli incorporamenti social per garantirne la leggibilità sugli schermi di piccole dimensioni. Gli addetti all'assistenza clienti che riproducono i problemi segnalati dagli utenti mobili non hanno più bisogno di dispositivi fisici o simulatori. Insegnanti e studenti che esplorano concetti di design responsivo hanno a disposizione un ambiente sandbox accessibile e sicuro dal punto di vista delle autorizzazioni. Che tu stia perfezionando un flusso di checkout pochi minuti prima del lancio o che tu stia insegnando a una classe piena di aspiranti sviluppatori, questa estensione si adatta al tuo flusso di lavoro con una curva di apprendimento praticamente nulla.