L'iPad è un dispositivo popolare per la navigazione sul Web, e viene usato abbastanza ampiamente che si tratta di una idea sensata per accoglierlo durante la creazione di pagine Web. Non può eseguire Flash e per le sue dimensioni dello schermo sarà sempre visualizzare le pagine Web a una risoluzione di 1024 x 768 pixel. La creazione di una versione della pagina Web che tenga conto di queste considerazioni può essere la differenza tra perdere e guadagnando visitatori regolari o clienti. Utilizzando un semplice jQuery, è possibile determinare il browser dell'utente e apportare le correzioni necessarie.

istruzione

1 Aprire il file jQuery richiesta utilizzando l'editor preferito.

2 Creare una nuova variabile che determinerà e memorizzare il browser utilizzato per accedere al tuo sito web. È possibile modificare il nome della variabile "browser" per una di propria scelta, ma l'oggetto "navigatore" e la sua "userAgent" proprietà non possono essere modificati:

var browser = navigator.userAgent;

3 Creare un'istruzione condizionale utilizzando la nuova variabile che permetterà il tuo sito web per dare istruzioni specifiche del browser iPad dell'utente:

if (browser.match (/ iPad / i)) {

}

4 Mettere le istruzioni all'interno delle parentesi graffe che seguono la dichiarazione, e saranno effettuati soltanto se il jQuery rileva che l'utente sta visualizzando il tuo sito web con un iPad. istruzioni comuni includono il caricamento di un file CSS diverso che si adatta alle dimensioni del iPad, o avvisare lo spettatore ad un iPad App disponibile.

Consigli e avvertenze

• Questo codice può essere utilizzato anche come JavaScript standalone nel file HTML o uno script separato collegato al tuo sito.
• È consigliabile eseguire questo script più presto possibile, in modo che il sito può apportare le modifiche necessarie prima che il contenuto delle caricamento della pagina.