移动端访问pc端自动跳转手机端的两种实现方式

移动端访问pc端自动跳转手机端的两种实现方式

2021-03-04 21:24:28

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.meiqiu.wang/"        }    })();</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://m.meiqiu.wang");</SCRIPT>

喜欢这个文章就点个赞分享给好友吧~

END
一次支付终身使用
免费版本更新
靠谱的技术支持