Compatibilità:

WebSite X5 Evo e Pro

Per verificare il corretto funzionamento di un Sito Responsive prima di procedere alla sua pubblicazione online, non devi fare altro che visualizzarne l'Anteprima in locale: questa, infatti, offre gli strumenti necessari per simulare il comportamento delle Pagine alle diverse risoluzioni.

  • Al Passo 4 - Pagine, dopo aver creato la Pagina e impostato tutto quanto è necessario per renderla responsive, clicca sul pulsante Anteprima per visualizzare tramite il Browser interno un'Anteprima in locale della Pagina stessa.
  • Il Browser interno presenta una Barra delle risoluzioni su cui sono riportati tutti i breakpoint attivati per il Progetto. Clicca sull'indicatore di un breakpoint per ridimensionare in automatico la finestra del Browser alla risoluzione corrispondente e verificare la resa della Pagina. In alternativa, puoi agire manualmente sulla finestra del Browser per modificarne la larghezza e verificare come cambia il layout e la disposizione degli Oggetti.
  • Oltre a sfruttare la Barra delle risoluzioni, se stai lavorando con l'edizione Pro, puoi anche cliccare sul pulsante Anteprima Mobile per richiamare una finestra in cui è visualizzato un QR Code e riportato un indirizzo URL. Dopo aver connesso il tuo dispositivo mobile alla stessa rete del PC, inquadra il QR Code o collegati alla URL indicata: in questo modo potrai visualizzare l'anteprima del tuo sito direttamente sul tuo dispositivo e verificarne il comportamento anche durante la navigazione da mobile. 
  • Se nell'Anteprima i contenuti non sono disposti nel modo atteso, clicca sul pulsante Mostra numerazione: i contenuti della Pagina vengono riquadrati e su ciascuno di essi viene visualizzato un numero. Questo numero è quello associato all'Oggetto corrispondente al contenuto durante la procedura di ordinamento. In questo modo ti sarà più semplice comprendere cosa devi modificare per ottenere il risultato desiderato.


Il nostro consiglio è di verificare attraverso l'Anteprima in locale tutte le Pagine a tutti i breakpoint attivati: in questo modo avrai la certezza che il Sito Web funzionerà correttamente nel momento in cui verrà pubblicato online e verrà visualizzato su dispositivi diversi.