2012-01-06 9 views
6

Abbiamo sviluppato un sito Web con homepage generale e pagina mobile, uno per dispositivi mobili e altro per PC.Come rilevare una richiesta di pagina dal lato client mobile o desktop

Desidero che il codice rilevi automaticamente il dispositivo e passi alla home page del cellulare se l'utente proviene dal cellulare e naviga verso la home page (generale) se l'utente è da PC e il problema è che dovrebbe utilizzare JavaScript o HTML semplice.

+0

possibile duplicato di [Come rilevare un dispositivo mobile con javascript?] (Http://stackoverflow.com/questions/6666907/how-to-detect-a-mobile-device-with-javascript) – ManseUK

+0

Oppure questo -> http://stackoverflow.com/questions/1005153/auto-detect-mobile-browser-via-user-agent – ManseUK

+0

Perché dovresti farlo con JavaScript e non con il server? – epascarello

risposta

1

Per determinare questo è necessario controllare l'intestazione HTTP per la richiesta per il proprio sito Web, in particolare la stringa User-Agent.

Non hai menzionato quali tecnologie stai utilizzando, ma puoi reindirizzare a livello di web server o all'interno dell'applicazione.

+1

Dal tuo link: * Lo sniffing degli user-agent è ormai considerato di scarsa pratica, ... Invece, il W3C raccomanda di creare un markup HTML standard, che consenta il rendering corretto nel maggior numero possibile di browser e di testare specifiche funzionalità del browser piuttosto che particolari versioni o marchi del browser. * – Sablefoste

+0

@Sablefoste - La funzione di accordo 'sniffing' è ora considerata una pratica migliore. Ho scritto la risposta 4 anni fa :-) –

1

Non creare siti separati. Usa il design reattivo. Il browser sul mio telefono è buono come quello sul mio desktop.

+0

Il design reattivo è un po 'vago in questo contesto. Può essere utile passare in modo condizionato a una pagina separata in cui si può assumere il cellulare consentendo la rimozione di elementi gonfiati nella risposta del server come immagini pesanti, script e fogli di stile. O dove il contesto di utilizzo per i dispositivi mobili è drasticamente diverso dal desktop. La semplice pubblicazione di un documento reattivo di una sola pagina non è sempre l'approccio migliore, come indicato nel capitolo Diventando Responsive di Ethan Marcotte in Responsive Web Design (da A Book Apart). – Rich

6

http://detectmobilebrowsers.com/ ha una funzione javascript open source per rilevare un browser mobile che è possibile utilizzare.

+2

conosci qualche esempio sul suo utilizzo? Ho guardato il sito Web e il codice sorgente della pagina. Non è chiaro come usare la sua versione javascript. Grazie! – curious1

Problemi correlati