您的位置:首页 > 运维架构 > 网站架构

分享两个手机访问pc网站自动跳转手机端网站代码

2015-01-30 00:00 525 查看
4G降临,移动网站已经一发不可收拾,pc端和移动端官网并存。如何让别人访问你的pc端的官网直接跳转到移动端的网站呢?各位看官,小二上代码!来了!

第一种方法: 需要手机端也网页的数据同步

<script type="text/javascript">

(function(){var ua=navigator.userAgent.toLowerCase();var bIsIpad=ua.match(/ipad/i)=="ipad";var bIsIphoneOs=ua.match(/iphone os/i)=="iphone os";var bIsAndroid=ua.match(/android/i)=="android";var bIsWM=ua.match(/windows mobile/i)=="windows mobile";if(bIsIpad||bIsIphoneOs||bIsAndroid||bIsWM){window.location.href="http://m.jb51.net/android/game/826.html"}})();

</script>

第二种方法:
<SCRIPT LANGUAGE="JavaScript">
function mobile_device_detect(url)
{ 
    var thisOS=navigator.platform; 
    var os=new Array("iPhone","iPod","iPad","android","Nokia","SymbianOS","Symbian","Windows Phone","Phone","Linux armv71","MAUI","UNTRUSTED/1.0","Windows CE","BlackBerry","IEMobile");
 for(var i=0;i<os.length;i++)
    { 
 if(thisOS.match(os[i]))
    {  
 window.location=url;
 } 
 }
 
 //因为相当部分的手机系统不知道信息,这里是做临时性特殊辨认
 if(navigator.platform.indexOf('iPad') != -1)
    {
 window.location=url;
 }
 
 //做这一部分是因为Android手机的内核也是Linux
 //但是navigator.platform显示信息不尽相同情况繁多,因此从浏览器下手,即用navigator.appVersion信息做判断
 var check = navigator.appVersion;
 
 if( check.match(/linux/i) )
     {
  //X11是UC浏览器的平台 ,如果有其他特殊浏览器也可以附加上条件
  if(check.match(/mobile/i) || check.match(/X11/i))
         {
  window.location=url;
  } 
 }
 
 //类in_array函数
 Array.prototype.in_array = function(e)
 {
 for(i=0;i<this.length;i++)
 {
  if(this[i] == e)
  return true;
 }
 return false;
 }
} 
mobile_device_detect("http://***.***.com");
</SCRIPT>


备注这里的

mobile_device_detect("http://***.***.com");//里面的地址填的就是您的移动端的网站地址呦。
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: