Testare il sito su vari formati di schermo

Testare il sito su vari formati di schermo: a cosa serve

Inserisci l'indirizzo e scegli i dispositivi: smartphone piccolo (360 px), iPhone (390), smartphone grande (430), tablet (768), notebook (1280) e monitor (1440). Ogni schermo apre la pagina nella larghezza reale del dispositivo, ridotta dalla scala scelta, e puoi scorrere dentro ciascuno.

Funziona con siti propri e con localhost. I siti che bloccano l'apertura dentro altri siti appaiono in bianco.

Come si usa

1. Inserisci l'indirizzo del sito.
2. Scegli i dispositivi, la scala e l'altezza.
3. Scorri ogni schermo e controlla il layout.

Quando usarlo

• Controllare un sito responsive prima di pubblicarlo.
• Mostrare a un cliente come appare il sito sullo smartphone.
• Testare siti in sviluppo su localhost.

Domande frequenti

Perché alcuni siti non compaiono?

Molti grandi siti (Google, banche, social network) vietano di essere aperti dentro un altro sito, con le intestazioni X-Frame-Options o frame-ancestors, e lo schermo resta bianco. I siti propri di solito compaiono normalmente. Se non compare, usa la modalità dispositivo degli strumenti per sviluppatori del browser (F12).

L'anteprima è identica a uno smartphone vero?

La larghezza è la stessa, quindi il layout responsive è lo stesso. Ma il browser resta quello del computer: font, scorrimento, tocco e funzioni dello smartphone possono essere diversi. Prova anche su un dispositivo reale prima di pubblicare.

Funziona con siti su localhost?

Sì, se il server locale è in esecuzione sul tuo computer e l'indirizzo inizia con http://localhost o http://127.0.0.1.

È davvero gratis?

Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.

Strumenti simili