Test del sito responsive (vedi su smartphone, tablet e computer)
Inserisci l'indirizzo del sito e scegli gli schermi. Ogni riquadro ha la larghezza reale del dispositivo, ridotta per stare qui.
Come si usaIl tuo sito su più schermi insieme
Disponibile in: 
Test del sito responsive (vedi su smartphone, tablet e computer): a cosa serve
Prima di pubblicare, controlla che il sito funzioni su schermi di ogni dimensione. Inserisci l'indirizzo e guarda il sito affiancato su smartphone piccolo (360 px), iPhone SE (375 px), iPhone 15 (393 px), tablet (768 px), notebook (1366 px) e Full HD (1920 px), ognuno con la larghezza reale e ridotto per stare sullo schermo.
Ruota in orizzontale, crea una larghezza personalizzata e ricarica tutti i riquadri insieme. Funziona con il tuo localhost e con i siti che permettono di essere aperti dentro un altro; quelli che lo bloccano per sicurezza (X-Frame-Options) appaiono in bianco e la pagina ne spiega il motivo.
Come si usa
- Inserisci l'indirizzo del sito.
- Scegli gli schermi e lo zoom.
- Scorri tra i riquadri e controlla il layout.
Quando usarlo
- Controllare un sito prima di pubblicarlo.
- Mostrare al cliente come appare su smartphone.
- Testare le media query.
Domande frequenti
Perché alcuni siti appaiono in bianco?
Molti siti (Google, Instagram, banche) inviano un'intestazione di sicurezza (X-Frame-Options o frame-ancestors) che vieta di essere mostrati dentro un altro sito, per evitare truffe di clickjacking. Il tuo sito di solito funziona; se non funziona, ha anche lui questa protezione, il che è un bene.
È uguale a vederlo su uno smartphone vero?
La larghezza è la stessa, quindi layout, media query e a capo restano uguali. Cambiano il tipo di tocco, il font di sistema e la densità di pixel.
Posso testare un sito che è ancora sul mio computer?
Sì. Inserisci l'indirizzo locale, come http://localhost:3000.
È davvero gratis?
Sì, 100% gratis. Senza registrazione, senza abbonamento e senza limiti d’uso. Tutti gli strumenti di Tools123 sono gratuiti.