Responsive Preview

Cos'è uno strumento di anteprima responsive?

Lo strumento di anteprima responsive carica una pagina web dentro un iframe con una dimensione di viewport scelta, per controllare come appare su schermi di telefono, tablet e portatile. Include preset per iPhone SE, iPhone 12/13, iPad, laptop, desktop e Full HD, e accetta anche larghezza e altezza personalizzate.

Funzioni principali

• Preset per i dispositivi più comuni: iPhone, iPad, laptop, desktop e Full HD
• Larghezza e altezza personalizzabili (200-4000 px)
• Le URL senza protocollo ricevono https:// automaticamente
• Anteprima in iframe che si ridimensiona subito
• Pulsanti demo e azzera

Usi / Note

Utile per verificare rapidamente come appare una pagina su diverse dimensioni di schermo durante redesign o integrazioni. L'anteprima dipende dalle politiche del sito: se blocca l'incorporamento con X-Frame-Options o CSP, il frame sarà vuoto, una scelta del sito, non un difetto dello strumento.

Come usarlo

1. Inserisci l'URL della pagina da anteprime
2. Scegli un preset di dispositivo o scrivi larghezza e altezza
3. Clicca Anteprima e la pagina si carica in quel viewport