Come abilitare la visualizzazione responsive in Safari 9

Pochi sanno che, a partire da Safari 9, è presente una utilissima opzione, in particolare modo per gli sviluppatori, che consente di capire, in anteprima, come un sito sarà visualizzato sulle varie versioni di iPhone, iPad, etc.

Per attivare questa funzionalità è necessario abilitare il menu Sviluppo, normalmente nascosto per gli utenti, andando su  Safari -> Preferenze, poi cliccando sul tab Avanzate ed infine selezionando la voce Mostra menu Sviluppo nella barra dei menu.

safari-responsive

Noterai che, sulla barra di Safari, è presente una nuova voce di menu tra le voci Segnalibri e Finestra.

Cliccando sul menu Sviluppo è possibile selezionare la voce Attiva la modalità di design reattivo che consente di visualizzare la pagina corrente come se fosse visualizzata su iPhone 4s, iPhone 5s, iPhone 6s, iPhone 6s Plus, iPad mini 4, iPad Air 2, iPad Pro o risoluzioni standard come: 800×600, 1366×768, 1920×1080.

safari-responsive-2

Per uscire dalla modalità di visualizzazione responsive, basta selezionare, sempre dal menu Sviluppo, la voce Disattiva modalità di design reattivo.