js判断是否是手机访问网页

Posted 2021-09-19 萌萌的DDD

 原理：原理有两个，第一：通过游览器（browser）判断是否是手机；第二：通过访问终端判断是否是手机(userAgent)；但是通常考虑到兼容性，需要这两种原理同时使用；具体的实现如下：

            
  function checkBrowser(){
   var browser={     
    versions:function(){            
     var u = navigator.userAgent, app = navigator.appVersion;
     return {
      //移动终端浏览器版本信息                 
      trident: u.indexOf('Trident') > -1, //IE内核                 
      presto: u.indexOf('Presto') > -1, //opera内核                 
     webKit: u.indexOf('AppleWebKit') > -1, //苹果、谷歌内核                 
     gecko: u.indexOf('Gecko') > -1 && u.indexOf('Khtml') == -1, //火狐内核                 
     mobile: !!u.match(/AppleWebKit.*Mobile.*/)||!!u.match(/AppleWebKit/), //是否为移动终端                 
     ios: !!u.match(/\\(i[^;]+;( U;)? CPU.+Mac OS X/), //ios终端                 
     android: u.indexOf('Android') > -1 || u.indexOf('Linux') > -1, //android终端或者uc浏览器                 
     iPhone: u.indexOf('iPhone') > -1 || u.indexOf('Mac') > -1, //是否为iPhone或者QQHD浏览器                 
     iPad: u.indexOf('iPad') > -1, //是否iPad                 
     webApp: u.indexOf('Safari') == -1 //是否web应该程序，没有头部与底部             
     };          
    }(),          
     language:(navigator.browserLanguage || navigator.language).toLowerCase() 
    } 
  if( browser.versions.android || browser.versions.iPhone || browser.versions.iPad){ 
   window.location.href="http://m.studyofnet.com"
 
 }