Redirect per vari dispositivi
Author: Giacomo F.Buongiorno a tutti.
In attesa della ormai nuova uscita del software per l'adattamento dei siti ai vari dispositivi, avevo già creato due adattamenti per il mio sito: uno per desktop e tablet, uno invece per mobile. Per poter fare il redirect con due URL differenti, ho trovato tra le precedenti answers uno script di KolAsim, questo qui giù:
<script>
if(
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/BlackBerry/i)
){
location.href="http://www.sito.it/m";
}</script>
Questo script funziona perfettamente, ma adesso mi ritrovo ad affrontare un altro problema: dal momento che il sito per desktop che ho realizzato è stato creato anche per adattarsi al tablet, vorrei che mi aiutaste a capire come potere modificare lo script (o implementarne uno nuovo per le mie esigenze) per impedire il redirect quando accedo e voglio visualizzare il sito da tablet (ho provato solo con tablet android, ma immagino che per ovviare il problema per i dispositivi apple dovrei semplicemente eliminare la voce "navigator.userAgent.match(/iPad/i) || ") e dunque mantenere il redirect solo per lo smartphone. Grazie anticipatamente.
... io non sono in condizioni di verificare, quindi prova tu, provando con il modificare aggiungendo come prima riga questa condizione:
window.screen.width < 800 &&
... cioè verrebbe così:
<script>
if(
window.screen.width < 800 &&
navigator.userAgent.match(/Android/i) ||
navigator.userAgent.match(/webOS/i) ||
navigator.userAgent.match(/iPhone/i) ||
navigator.userAgent.match(/iPod/i) ||
navigator.userAgent.match(/iPad/i) ||
navigator.userAgent.match(/BlackBerry/i)
){
location.href="http://www.sito.it/m";
}
</script>
.
... se funge, il valore 800 lo modificherai con quello più opportuno...
.
ciao
Author
Grazie, provo subito e ti faccio sapere!
Author
Funziona, grazie mille!