Teste per il design responsive.

Il Tester di design responsive mostra come appare un sito web a diverse dimensioni dello schermo. Inserisci un URL, scegli un profilo di dispositivo come telefono, tablet o risoluzione desktop, o imposta larghezza e altezza, e la pagina viene renderizzata in una cornice della giusta misura. Puoi passare tra verticale e orizzontale e ruotare al volo. È un modo rapido per controllare un layout sui breakpoint comuni senza ridimensionare la finestra del browser.

1. Inserisci l'URL del sito e clicca su Carica 2. Scegli un profilo di dispositivo, oppure Personalizzato e inserisci larghezza e altezza 3. Per i profili, passa tra verticale e orizzontale, o usa Ruota 4. Osserva la pagina renderizzarsi nella cornice a quella dimensione

I profili coprono dimensioni comuni, da un telefono piccolo a un desktop full HD, corrispondenti ai breakpoint cui mirano la maggior parte dei layout. Usa Personalizzato quando ti serve una dimensione in pixel esatta non in elenco. Alcuni siti rifiutano l'incorporamento e mostrano una cornice vuota: è un'impostazione di sicurezza del sito, non un problema dello strumento. Le pagine che consentono l'incorporamento si renderizzano completamente e restano interattive.