首页 > web前端 > js教程 > 正文

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

WBOY
发布: 2016-05-16 16:16:34
原创
1253 人浏览过

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

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

复制代码 代码如下:



第二种方法:

 <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");//里面的地址填的就是您的移动端的网站地址呦。

相关标签:
来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板