Ci sono tre modi per avere la visualizzazione mobile in Chrome e vedere la versione mobile di un sito dal desktop. Ognuno ha i suoi usi, e quello giusto dipende da quanto devi avvicinarti a un vero smartphone.
Simlord funziona in Chrome su un computer. Apri questa pagina lì per aggiungerlo.
Trascina il bordo della finestra verso l’interno. È veloce, ma il sito sa ancora che sei su un desktop, quindi vedi una pagina desktop stretta, non il sito mobile.
Apri DevTools con F12, o Cmd+Option+I su Mac, e premi Ctrl+Shift+M, o Cmd+Shift+M su Mac. Chrome dimensiona la pagina come uno smartphone e invia uno user agent mobile, dentro gli strumenti per sviluppatori.
Con Simlord fai clic sull’icona e scegli uno smartphone. La pagina riempie la scheda con la cornice del telefono, le sue barre del browser e il touch, e l’accesso resta attivo.
La barra degli strumenti del dispositivo di DevTools è integrata e gratuita, ed è ottima per controllare un breakpoint mentre fai debug. Mostra il viewport, non il telefono. Non ci sono barre del browser né cornici di dispositivi attuali, e DevTools stesso occupa metà del tuo schermo.
Simlord mostra la pagina come la mostra uno smartphone, con la barra di Safari o di Chrome che occupa il suo spazio reale, la barra di stato e il notch o la Dynamic Island. Mantiene il dispositivo che hai scelto mentre navighi, e puoi farne uno screenshot o una registrazione.
Simlord si apre e si chiude con Alt+Shift+M, e ha scorciatoie per ruotare, passare al dispositivo successivo, fare uno screenshot e registrare. Puoi cambiarle nelle scorciatoie da tastiera delle estensioni di Chrome.
Altro? Scrivi a support@simlord.eu.
In DevTools è Ctrl+Shift+M su Windows e Linux e Cmd+Shift+M su Mac, dopo aver aperto DevTools. Simlord si apre con Alt+Shift+M, senza DevTools.
Perché il sito controlla lo user agent o il supporto al touch, non solo la larghezza. Una finestra stretta continua a dichiarare un browser desktop.
Sì, con qualsiasi sito che puoi aprire in Chrome, anche quelli in cui hai fatto l’accesso.
Il sito riceve le dimensioni, l’identità e il touch di uno smartphone, quindi risponde come risponderebbe a uno smartphone. Nelle altre schede non cambia nulla.
Gratis, senza account. Funziona in Chrome, Edge e Brave.
Simlord funziona in Chrome su un computer. Apri questa pagina lì per aggiungerlo.