小左闲谈

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

当前位置:首页 » 笔记 » 本页
In 笔记  @2016-03-22

项目上客户有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>
若无特殊声明,表示本文由:小左闲谈.原创
链接地址: http://blog.m1910.com/archives/1478.html
版权所有 © 转载时请以链接形式注明作者和原始出处!
标签: , , , ,   评论: 3枚  被围观 3,398 次

发表一下你的看法

3 评论 在 "网页前端js判断移动端还是PC端跳转代码"

avatar
排序:   最新 | 最旧
酷特尔

有需要,前些天花了时间去搞来自微信的。

wpDiscuz