I Browser Web & il Browser di WebSite X5

Approfondimenti >

I Browser Web & il Browser di WebSite X5

Previous pageReturn to chapter overviewNext page
Mostra/Nascondi testo nascosto 

Un Browser è un'applicazione software che consente all'Utente di visualizzare e interagire con le informazioni (testi, immagini, ecc.) presenti all'interno di una Pagina Web. Attualmente, sono disponibili numerosi Browser, fra cui i più noti e diffusi sono Microsoft Explorer®, Firefox®, Safari® e Google Chrome™.

Per procedere alla visualizzazione dei contenuti Web, i Browser sfruttano un motore di rendering, ovvero un software che, una volta scaricati i contenuti (per esempio una Pagina HTML) formatta le informazioni ad essi relative (per esempio, i CSS collegati) e li mostra sullo schermo. Browser diversi sfruttano motori di rendering diversi e questi ultimi si differenziano proprio per la qualità della renderizzazione, rispetto agli standard, e per la velocità della stessa. Ne consegue che una stessa Pagina Web può essere resa in maniera anche molto diversa in base al Browser utilizzato. In qualsiasi caso, dal momento che una Pagina Web non è una pagina stampata, un certo margine di variabilità è accettabile a patto che l'esperienza d'uso dell'Utente non ne risulti danneggiata.

Il modo migliore per ottenere Pagine Web compatibili con i principali Browser, nelle loro diverse versioni, è di creare un codice quanto più pulito e conforme agli standard.

WebSite X5, generando automaticamente codice HTML5 con CSS 2.1 o 3 collegati, è in grado di garantire piena compatibilità con tutti i principali Browser oltre che con dispositivi mobili come cellulari, palmari e smartphone.

Clicca per espandere/ridurreIl Browser interno di WebSite X5

Durante lo sviluppo di un Progetto è necessario poter verificare quale sarà il risultato finale e come verrà visualizzato il Sito una volta che sarà online. Per questo, WebSite X5 permette di richiamare, attraverso il pulsante Anteprima sempre disponibile (vedere, L'ambiente di lavoro), un'Anteprima del Sito in locale che viene mantenuta costantemente aggiornata (vedere, Aggiorna Anteprima durante la modifica del Progetto in finestra Preferenze).

Per la visualizzazione dell'Anteprima, WebSite X5 utilizza un suo Browser interno basato su Chromium (http://www.chromium.org/), il Browser open source da cui deriva Google Chrome™. Tale Browser interno presenta i seguenti comandi:

Indietro

Torna indietro alla Pagina precedentemente visitata.

Avanti

Permette di andare avanti e aprire nuovamente una Pagina già visitata.

Pagina Iniziale

Torna alla Home Page del Sito.

Barra degli indirizzi

Riporta il percorso della Pagina visualizzata e/o permette di specificare il percorso della Pagina che si intende visualizzare. Per confermare l'indirizzo immesso è sufficiente premere il tasto INVIO.

Modifica questa Pagina

Torna al Programma, aprendo la Pagina al momento visualizzata in anteprima nel Browser direttamente all'interno della finestra Creazione della Pagina, in modo da permetterne la modifica. Nel caso di Pagine appartenenti al Blog, all'Area Riservata o al E-commerce, questo pulsate permette di tornare alla relativa sezione del Passo 1 - Impostazioni del Sito | Avanzate.

Pulsanti Device

Sono disponibili solo se è stata attivata la creazione di un Sito Responsive e vengono visualizzati in funzione del numero di breakpoint impostati per il Progetto: per esempio, in caso di 4 o più breakpoint vengono proposti il pulsante Desktop, il pulsante Smartphone e il pulsante Tablet che, in più, propone un sotto-menu per tutti i breakpoint intermedi.

Cliccando su un Pulsante Device la finestra in cui sono visualizzati i contenuti di pagina viene automaticamente ridimensionata alla risoluzione della visualizzazione relativa. Di default è attivo il Pulsante Desktop e i contenuti si adattano alla larghezza della finestra dell'Anteprima utilizzando tutto lo spazio disponibile.

Mostra ordine di linearizzazione

Disponibile solo se è stata attivata la creazione di un Sito Responsive, permette di fare in modo che in sovrimpressione sui contenuti della Pagina venga visualizzata l'indicazione del numero assunto nella procedura di ordinamento dall'Oggetto corrispondente.

Anteprima Mobile

Richiama una finestra in cui è visualizzato un QR Code e riportato un indirizzo URL. Dopo aver connesso il proprio dispositivo mobile alla stessa rete del PC, è possibile inquadrare il QR Code o collegarsi alla URL indicata per visualizzare l'anteprima del Sito e verificarne così il comportamento.

Visualizza il Sito in un altro Browser

Permette di visualizzare l'Anteprima del Sito utilizzando uno dei Browser installati sul computer. Cliccando sulla freccia a lato del pulsante si accede a un sotto-menu che propone tutti i Browser tra cui è possibile scegliere. Il Browser selezionato viene memorizzato come preferito e utilizzato fino a che non viene fatta una scelta diversa.

È possibile attivare la creazione di un Sito Responsive attraverso l'opzione Sito Responsive presente nella finestra Risoluzioni e Responsive Design. In caso di Sito Responsive il Browser interno di WebSite X5 presenta anche una Barra della risoluzione sulla quale vengono visualizzati i breakpoint impostati per il Progetto.

Da segnalare che una volta aperta la finestra del Browser per avere l’anteprima in locale del Progetto a cui si sta lavorando, la Pagina visualizzata cambia automaticamente in base alla Pagina su cui si sta lavorando. Questo significa che se si passa a lavorare a una Pagina diversa, questa stessa Pagina viene aperta anche nell’Anteprima nel Browser.

L'impiego di un Browser interno per la visualizzazione dell'Anteprima del Sito in costruzione consente di ottenere i seguenti vantaggi:

l'Anteprima non si sostituisce al Sito visualizzato nella finestra del Browser predefinito eventualmente aperta;
l'Anteprima del Sito in costruzione viene aggiornata nella finestra del Browser interno e non porta all'apertura di finestre o schede diverse del Browser predefinito.