Magazine

Redirection en javascript vers la version mobile d’un site internet

Publié le 08 juillet 2013 par Mike Lecomte
On 8 juillet 2013 by admin

Voici un petit bout de code bien sympathique afin de rediriger directement vers un version mobile d’un site.
On pose un cookie pour ne pas ré effectuer la même opération à chaque recalcul de page, et on ne lance la redirection que si le user-agent correspond à un mobile !

JavaScript <script language="javascript" type="text/javascript"> <!-- window.onload = function(e){ var cookie_mobile = $.cookie("mobile"); if(cookie_mobile != "non") { var redirectagent = navigator.userAgent.toLowerCase(); var redirect_devices = ['vnd.wap.xhtml+xml', 'sony', 'symbian', 'nokia', 'samsung', 'mobile', 'windows ce', 'epoc', 'opera mini', 'nitro', 'j2me', 'midp-', 'cldc-', 'netfront', 'mot', 'up.browser', 'up.link', 'audiovox', 'blackberry', 'ericsson', 'panasonic', 'philips', 'sanyo', 'sharp', 'sie-', 'portalmmm', 'blazer', 'avantgo', 'danger', 'palm', 'series60', 'palmsource', 'pocketpc', 'smartphone', 'rover', 'ipaq', 'au-mic', 'alcatel', 'ericy', 'vodafone', 'wap1', 'wap2', 'teleca', 'playstation', 'lge', 'lg-', 'iphone', 'android', 'htc', 'dream', 'webos', 'bolt', 'nintendo']; for (var i in redirect_devices) { if (redirectagent.indexOf(redirect_devices[i]) != -1 ) { if(confirm('Souhaitez-vous consulter la version mobile ?')) { location.replace('http://www.adressesitemobile.com'); break; }else{ $.cookie("mobile", "non",{ expires: 1, path: "/"}); break; } } } } } --> </script>

12345678910111213141516171819202122232425262728 <script language="javascript"type="text/javascript"><!--windowonload=function(e){varcookie_mobile=$cookie("mobile"); if(cookie_mobile!="non"){varredirectagent=navigatoruserAgenttoLowerCase(); varredirect_devices=['vnd.wap.xhtml+xml','sony','symbian','nokia','samsung','mobile','windows ce','epoc','opera mini','nitro','j2me','midp-','cldc-','netfront','mot','up.browser','up.link','audiovox','blackberry','ericsson','panasonic','philips','sanyo','sharp','sie-','portalmmm','blazer','avantgo','danger','palm','series60','palmsource','pocketpc','smartphone','rover','ipaq','au-mic','alcatel','ericy','vodafone','wap1','wap2','teleca','playstation','lge','lg-','iphone','android','htc','dream','webos','bolt','nintendo'];  for(variinredirect_devices){  if(redirectagentindexOf(redirect_devices[i])!=-1)    {    if(confirm('Souhaitez-vous consulter la version mobile ?'))  {    locationreplace('http://www.adressesitemobile.com');  break;   }else{  $cookie("mobile","non",{expires:1,path:"/"});  break;  }  }  }  }}--></script>

Category : Dév & Code, Web

Vous pourriez être intéressé par :

Retour à La Une de Logo Paperblog

Ces articles peuvent vous intéresser :

A propos de l’auteur


Mike Lecomte 34 partages Voir son profil
Voir son blog

l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte l'auteur n'a pas encore renseigné son compte