前端js判断访问站点设备(手机还是PC)实现自动跳转代码

浏览:7946 发布日期:2014/11/03 分类:技术分享 关键字: 判断访问站点设备 js前端判断访问设备
最新写了个给个人博客,是采用响应式设计的,而主站主要是为PC设计的,就想着当用户使用移动设备(手机/平板)访问本站时自动跳转到我的个人博客。百度了很多,很多代码都无法实现判断设备自动跳转功能,后来请教高人知道,终于实现此功能了,特分享给需要的人。本人亲测!测试地址:js代码网:http://www.jsdaima.com,使用手机访问与PC访问的效果。
代码如下:<script type="text/javascript">
var commonURL = 'http://www.jsdaima.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("跳转地址");/*指定跳转地址*/
</script>
最佳答案
评论( 相关
后面还有条评论,点击查看>>