网页前端js判断移动端还是PC端跳转代码

项目上客户有 PC 端网页,也有专门开发的手机端网址,同一个入口网址可以减少客户的学习成本,也是一种很好的手段,根据客户使用的客户端来自动跳转就可以了,每个浏览器在发送请求的头部里面都会有识别设备类型的 User Agent 可以设置,手机, pad 等就跳转到移动端网页, PC 电脑端就跳转到 PC 端页面,提供良好的用户体验。
上代码:

<script type="text/javascript">
    var commonURL = 'http://www.m1910.com';
    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;
      }
      var check = navigator.appVersion;
          if( check.match(/linux/i) ){
              if(check.match(/mobile/i) || check.match(/X11/i)) {
             window.location=url;
            }  
          }
      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://www.m1910.com/Mobile/");/*指定跳转地址*/
</script>

标题:网页前端js判断移动端还是PC端跳转代码

原文链接:https://beltxman.com/1478.html

若无特殊说明本站内容为 行星带 原创,未经同意请勿转载。

网页前端js判断移动端还是PC端跳转代码”上有 3 条评论;

评论已关闭。

Scroll to top