Con la diffusione dei cellulari evoluti (Android, IPhone, Symbian, Windows Mobile e BlackBarry) stiamo attraversando la crescita maggiore di navigazione tramite browser mobile. I siti più importanti e curati sono già corsi ai riparti introducendo le relative versioni per i browser light adottati dai cellulari. E tu?
In questo articolo vi presentiamo un pezzo di codice javascript che potrà esservi molto utile se avete intenzione di modificare il sito per renderlo compatibile ai browser dei cellulari.
Funzione Javascript: Come riconoscere browser mobile
<script type="text/javascript">// <![CDATA[
var mobile = (/iphone|ipad|ipod|android|blackberry|mini|windows\sce|palm/i.test(navigator.userAgent.toLowerCase()));
if (mobile) {
document.location = "http://www.yoursite.com/mobile.html";
}
// ]]></script>
Come funziona?
La versione del browser viene letta dalla proprietà navigator.userAgent con Javascript che restituisce un oggetto stringa con la quale potete individuare il nome e la versione di un qualsiasi browser web
Un esempio di output per navigator.userAgent:
Mozilla/5.0 (Linux; U; Android 2.1-update1; en-us;
ADR6300 Build/ERE27) AppleWebKit/530.17 (KHTML, like Gecko) Version/4.0 Mobile Safari/530.17
Se hai trovato utile l'articolo sostieni questo sito con un semplice voto. Clicca qui di seguito per votarci Grazie :-)
Ti è piaciuto l'articolo? Iscriviti via RSS. Grazie per la visita!